@gpa-gemstone/react-graph 1.0.31 → 1.0.33
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.
- package/lib/AggregatingCircles.d.ts +3 -2
- package/lib/AggregatingCircles.js +1 -1
- package/lib/Circle.d.ts +2 -1
- package/lib/Circle.js +9 -6
- package/lib/GraphContext.d.ts +23 -10
- package/lib/GraphContext.js +50 -29
- package/lib/HorizontalMarker.d.ts +2 -1
- package/lib/HorizontalMarker.js +19 -15
- package/lib/Infobox.d.ts +2 -0
- package/lib/Infobox.js +10 -8
- package/lib/InteractiveButtons.d.ts +1 -0
- package/lib/InteractiveButtons.js +21 -11
- package/lib/Legend.js +4 -3
- package/lib/Line.d.ts +2 -1
- package/lib/Line.js +7 -5
- package/lib/LineLegend.js +12 -10
- package/lib/LineWithThreshold.d.ts +2 -0
- package/lib/LineWithThreshold.js +5 -5
- package/lib/LogAxis.d.ts +2 -0
- package/lib/LogAxis.js +8 -8
- package/lib/Plot.d.ts +6 -5
- package/lib/Plot.js +220 -85
- package/lib/SymbolicMarker.d.ts +2 -0
- package/lib/SymbolicMarker.js +11 -9
- package/lib/TimeAxis.d.ts +2 -0
- package/lib/TimeAxis.js +9 -7
- package/lib/ValueAxis.d.ts +3 -1
- package/lib/ValueAxis.js +31 -17
- package/lib/VerticalMarker.d.ts +3 -1
- package/lib/VerticalMarker.js +23 -18
- package/lib/index.d.ts +2 -1
- package/lib/index.js +4 -2
- package/package.json +3 -3
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { AxisIdentifier } from './GraphContext';
|
|
2
3
|
import { IProps as ICircleProps } from './Circle';
|
|
3
4
|
interface IAggregationFunctions {
|
|
4
5
|
XTransformation: (x: number) => number;
|
|
5
|
-
YTransformation: (y: number) => number;
|
|
6
|
+
YTransformation: (y: number, a: AxisIdentifier) => number;
|
|
6
7
|
XInverseTransformation: (p: number) => number;
|
|
7
|
-
YInverseTransformation: (p: number) => number;
|
|
8
|
+
YInverseTransformation: (p: number, a: AxisIdentifier) => number;
|
|
8
9
|
}
|
|
9
10
|
export interface IProps {
|
|
10
11
|
canAggregate: (d1: ICircleProps, d2: ICircleProps, fxn: IAggregationFunctions) => boolean;
|
|
@@ -170,4 +170,4 @@ var AggregatingCircles = function (props) {
|
|
|
170
170
|
return (React.createElement("g", null, aggregate.map(function (c, i) { return React.createElement(Circle_1.ContextlessCircle, { key: i.toString() + (c.text === undefined ? '' : c.text), circleProps: c, context: context }); })));
|
|
171
171
|
};
|
|
172
172
|
exports.default = AggregatingCircles;
|
|
173
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
173
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWdncmVnYXRpbmdDaXJjbGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vc3JjL0FnZ3JlZ2F0aW5nQ2lyY2xlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLHlHQUF5RztBQUN6RyxpQ0FBaUM7QUFDakMsRUFBRTtBQUNGLHFFQUFxRTtBQUNyRSxFQUFFO0FBQ0Ysd0dBQXdHO0FBQ3hHLHdHQUF3RztBQUN4RyxzR0FBc0c7QUFDdEcsd0ZBQXdGO0FBQ3hGLEVBQUU7QUFDRiwwQ0FBMEM7QUFDMUMsRUFBRTtBQUNGLHdHQUF3RztBQUN4Ryx3R0FBd0c7QUFDeEcsNEVBQTRFO0FBQzVFLEVBQUU7QUFDRiw4QkFBOEI7QUFDOUIsd0dBQXdHO0FBQ3hHLDBCQUEwQjtBQUMxQixtREFBbUQ7QUFDbkQsRUFBRTtBQUNGLHlHQUF5Rzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFHekcsNkJBQStCO0FBQy9CLCtDQUE4RDtBQUM5RCxtQ0FBb0U7QUFzQnBFLElBQU0sa0JBQWtCLEdBQUcsVUFBQyxLQUFhO0lBQ3ZDOztNQUVFO0lBRUYsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQywyQkFBWSxDQUFDLENBQUE7SUFDeEMsSUFBQSxLQUFBLE9BQTRCLEtBQUssQ0FBQyxRQUFRLENBQWlCLEVBQUUsQ0FBQyxJQUFBLEVBQTdELFNBQVMsUUFBQSxFQUFFLFlBQVksUUFBc0MsQ0FBQTtJQUVwRSxJQUFNLG9CQUFvQixHQUFHLEtBQUssQ0FBQyxvQkFBb0IsS0FBSyxTQUFTLENBQUEsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLG9CQUFvQixDQUFDO0lBQzFHLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDWixZQUFZLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQ3RDLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsT0FB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
|
package/lib/Circle.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { IGraphContext, IActionFunctions } from './GraphContext';
|
|
2
|
+
import { IGraphContext, IActionFunctions, AxisIdentifier } from './GraphContext';
|
|
3
3
|
export interface IProps {
|
|
4
4
|
data: [number, number];
|
|
5
5
|
color: string;
|
|
@@ -8,6 +8,7 @@ export interface IProps {
|
|
|
8
8
|
borderThickness?: number;
|
|
9
9
|
text?: string;
|
|
10
10
|
opacity?: number;
|
|
11
|
+
axis?: AxisIdentifier;
|
|
11
12
|
onClick?: (actions: IActionFunctions) => void;
|
|
12
13
|
}
|
|
13
14
|
interface IContextlessProps {
|
package/lib/Circle.js
CHANGED
|
@@ -52,6 +52,7 @@ function ContextlessCircle(props) {
|
|
|
52
52
|
if (guid === "")
|
|
53
53
|
return;
|
|
54
54
|
props.context.UpdateData(guid, {
|
|
55
|
+
axis: props.circleProps.axis,
|
|
55
56
|
legend: undefined,
|
|
56
57
|
getMax: function (t) { return (t[0] < props.circleProps.data[0] && t[1] > props.circleProps.data[0] ? props.circleProps.data[1] : undefined); },
|
|
57
58
|
getMin: function (t) { return (t[0] < props.circleProps.data[0] && t[1] > props.circleProps.data[0] ? props.circleProps.data[1] : undefined); },
|
|
@@ -59,6 +60,7 @@ function ContextlessCircle(props) {
|
|
|
59
60
|
}, [props.circleProps]);
|
|
60
61
|
React.useEffect(function () {
|
|
61
62
|
var id = props.context.AddData({
|
|
63
|
+
axis: props.circleProps.axis,
|
|
62
64
|
legend: undefined,
|
|
63
65
|
getMax: function (t) { return (t[0] < props.circleProps.data[0] && t[1] > props.circleProps.data[0] ? props.circleProps.data[1] : undefined); },
|
|
64
66
|
getMin: function (t) { return (t[0] < props.circleProps.data[0] && t[1] > props.circleProps.data[0] ? props.circleProps.data[1] : undefined); },
|
|
@@ -89,10 +91,11 @@ function ContextlessCircle(props) {
|
|
|
89
91
|
function onClick(x, y) {
|
|
90
92
|
if (props.circleProps.onClick === undefined)
|
|
91
93
|
return;
|
|
94
|
+
var axis = GraphContext_1.AxisMap.get(props.circleProps.axis);
|
|
92
95
|
var xP = props.context.XTransformation(x);
|
|
93
|
-
var yP = props.context.YTransformation(y);
|
|
96
|
+
var yP = props.context.YTransformation(y, axis);
|
|
94
97
|
var xC = props.context.XTransformation(props.circleProps.data[0]);
|
|
95
|
-
var yC = props.context.YTransformation(props.circleProps.data[1]);
|
|
98
|
+
var yC = props.context.YTransformation(props.circleProps.data[1], axis);
|
|
96
99
|
if (xP <= xC + props.circleProps.radius && xP >= xC - props.circleProps.radius &&
|
|
97
100
|
yP <= yC + props.circleProps.radius && yP >= yC - props.circleProps.radius)
|
|
98
101
|
props.circleProps.onClick({
|
|
@@ -100,11 +103,11 @@ function ContextlessCircle(props) {
|
|
|
100
103
|
setTDomain: props.context.SetXDomain
|
|
101
104
|
});
|
|
102
105
|
}
|
|
103
|
-
if (!isFinite(props.context.XTransformation(props.circleProps.data[0])) || !isFinite(props.context.YTransformation(props.circleProps.data[1])))
|
|
106
|
+
if (!isFinite(props.context.XTransformation(props.circleProps.data[0])) || !isFinite(props.context.YTransformation(props.circleProps.data[1], GraphContext_1.AxisMap.get(props.circleProps.axis))))
|
|
104
107
|
return null;
|
|
105
108
|
return (React.createElement("g", null,
|
|
106
|
-
React.createElement("circle", { r: props.circleProps.radius, cx: props.context.XTransformation(props.circleProps.data[0]), cy: props.context.YTransformation(props.circleProps.data[1]), fill: props.circleProps.color, opacity: props.circleProps.opacity, stroke: props.circleProps.borderColor, strokeWidth: props.circleProps.borderThickness }),
|
|
107
|
-
props.circleProps.text !== undefined ? React.createElement("text", { fill: 'black', style: { fontSize: textSize + 'em', textAnchor: 'middle', dominantBaseline: 'middle' }, y: props.context.YTransformation(props.circleProps.data[1]), x: props.context.XTransformation(props.circleProps.data[0]) }, props.circleProps.text) : null));
|
|
109
|
+
React.createElement("circle", { r: props.circleProps.radius, cx: props.context.XTransformation(props.circleProps.data[0]), cy: props.context.YTransformation(props.circleProps.data[1], GraphContext_1.AxisMap.get(props.circleProps.axis)), fill: props.circleProps.color, opacity: props.circleProps.opacity, stroke: props.circleProps.borderColor, strokeWidth: props.circleProps.borderThickness }),
|
|
110
|
+
props.circleProps.text !== undefined ? React.createElement("text", { fill: 'black', style: { fontSize: textSize + 'em', textAnchor: 'middle', dominantBaseline: 'middle' }, y: props.context.YTransformation(props.circleProps.data[1], GraphContext_1.AxisMap.get(props.circleProps.axis)), x: props.context.XTransformation(props.circleProps.data[0]) }, props.circleProps.text) : null));
|
|
108
111
|
}
|
|
109
112
|
exports.ContextlessCircle = ContextlessCircle;
|
|
110
113
|
var Circle = function (props) {
|
|
@@ -112,4 +115,4 @@ var Circle = function (props) {
|
|
|
112
115
|
return React.createElement(ContextlessCircle, { circleProps: props, context: context });
|
|
113
116
|
};
|
|
114
117
|
exports.default = Circle;
|
|
115
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
118
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2lyY2xlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vc3JjL0NpcmNsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLHlHQUF5RztBQUN6RyxxQkFBcUI7QUFDckIsRUFBRTtBQUNGLHFFQUFxRTtBQUNyRSxFQUFFO0FBQ0Ysd0dBQXdHO0FBQ3hHLHdHQUF3RztBQUN4RyxzR0FBc0c7QUFDdEcsd0ZBQXdGO0FBQ3hGLEVBQUU7QUFDRiwwQ0FBMEM7QUFDMUMsRUFBRTtBQUNGLHdHQUF3RztBQUN4Ryx3R0FBd0c7QUFDeEcsNEVBQTRFO0FBQzVFLEVBQUU7QUFDRiw4QkFBOEI7QUFDOUIsd0dBQXdHO0FBQ3hHLDBCQUEwQjtBQUMxQixtREFBbUQ7QUFDbkQsRUFBRTtBQUNGLHlHQUF5Rzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUd6RyxtRUFBNkU7QUFDN0UsNkJBQStCO0FBQy9CLCtDQUE4SDtBQW1COUgsU0FBZ0IsaUJBQWlCLENBQUMsS0FBd0I7SUFDeEQ7O01BRUU7SUFDSSxJQUFBLEtBQUEsT0FBa0IsS0FBSyxDQUFDLFFBQVEsQ0FBUyxFQUFFLENBQUMsSUFBQSxFQUEzQyxJQUFJLFFBQUEsRUFBRSxPQUFPLFFBQThCLENBQUM7SUFDN0MsSUFBQSxLQUFBLE9BQTBCLEtBQUssQ0FBQyxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBbEQsUUFBUSxRQUFBLEVBQUUsV0FBVyxRQUE2QixDQUFDO0lBRXpELEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDWixJQUFJLElBQUksS0FBSyxFQUFFO1lBQ1gsT0FBTztRQUVYLEtBQUssQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRTtZQUMzQixJQUFJLEVBQUUsS0FBSyxDQUFDLFdBQVcsQ0FBQyxJQUFJO1lBQzVCLE1BQU0sRUFBRSxTQUFTO1lBQ2pCLE1BQU0sRUFBRSxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLEtBQUssQ0FB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
|
package/lib/GraphContext.d.ts
CHANGED
|
@@ -2,30 +2,43 @@ import * as React from 'react';
|
|
|
2
2
|
export interface IGraphContext extends IHandlerRegistration, IDataRegistration {
|
|
3
3
|
XDomain: [number, number];
|
|
4
4
|
XHover: number;
|
|
5
|
-
YHover: number;
|
|
6
|
-
YDomain: [number, number];
|
|
5
|
+
YHover: number[];
|
|
6
|
+
YDomain: [number, number][];
|
|
7
7
|
CurrentMode: 'zoom' | 'pan' | 'select';
|
|
8
8
|
Data: Map<string, IDataSeries>;
|
|
9
9
|
XTransformation: (x: number) => number;
|
|
10
|
-
YTransformation: (y: number) => number;
|
|
10
|
+
YTransformation: (y: number, axis: AxisIdentifier | number) => number;
|
|
11
11
|
UpdateFlag: number;
|
|
12
12
|
XInverseTransformation: (p: number) => number;
|
|
13
|
-
YInverseTransformation: (p: number) => number;
|
|
13
|
+
YInverseTransformation: (p: number, axis: AxisIdentifier | number) => number;
|
|
14
14
|
SetXDomain: React.SetStateAction<[number, number]> | ((t: [number, number]) => void);
|
|
15
|
-
SetYDomain: React.SetStateAction<[number, number]> | ((t: [number, number]) => void);
|
|
15
|
+
SetYDomain: React.SetStateAction<[number, number]> | ((t: [number, number][]) => void);
|
|
16
16
|
}
|
|
17
17
|
export declare const GraphContext: React.Context<IGraphContext>;
|
|
18
18
|
export interface IDataSeries {
|
|
19
19
|
getMin: (tDomain: [number, number]) => number | undefined;
|
|
20
20
|
getMax: (tDomain: [number, number]) => number | undefined;
|
|
21
|
+
axis: AxisIdentifier | undefined;
|
|
21
22
|
legend?: HTMLElement | React.ReactElement | JSX.Element;
|
|
22
23
|
}
|
|
23
24
|
export declare type LineStyle = '-' | ':';
|
|
25
|
+
export declare type AxisIdentifier = 'left' | 'right';
|
|
26
|
+
declare class AxisMapClass<T, U> {
|
|
27
|
+
private mapBase;
|
|
28
|
+
private undefinedOverride;
|
|
29
|
+
size: number;
|
|
30
|
+
constructor(iterable: Iterable<[T, U]>, undefinedOverride: U);
|
|
31
|
+
get: (key: T) => U;
|
|
32
|
+
values: () => IterableIterator<U>;
|
|
33
|
+
keys: () => IterableIterator<T>;
|
|
34
|
+
}
|
|
35
|
+
export declare const AxisMap: AxisMapClass<AxisIdentifier | undefined, number>;
|
|
24
36
|
export interface IHandlers {
|
|
25
37
|
onClick?: (x: number, y: number) => void;
|
|
26
38
|
onRelease?: (x: number, y: number) => void;
|
|
27
39
|
onPlotLeave?: (x: number, y: number) => void;
|
|
28
40
|
onMove?: (x: number, y: number) => void;
|
|
41
|
+
axis: number | AxisIdentifier;
|
|
29
42
|
}
|
|
30
43
|
export interface IDataRegistration {
|
|
31
44
|
AddData: ((d: IDataSeries) => string);
|
|
@@ -40,22 +53,22 @@ export interface IHandlerRegistration {
|
|
|
40
53
|
}
|
|
41
54
|
export interface IActionFunctions {
|
|
42
55
|
setTDomain: React.SetStateAction<[number, number]>;
|
|
43
|
-
setYDomain: React.SetStateAction<[number, number]>;
|
|
56
|
+
setYDomain: React.SetStateAction<[number, number][]>;
|
|
44
57
|
}
|
|
45
58
|
interface IContextWrapperProps extends IHandlerRegistration, IDataRegistration {
|
|
46
59
|
XDomain: [number, number];
|
|
47
60
|
MousePosition: [number, number];
|
|
48
|
-
YDomain: [number, number];
|
|
61
|
+
YDomain: [number, number][];
|
|
49
62
|
CurrentMode: 'zoom' | 'pan' | 'select';
|
|
50
63
|
MouseIn: boolean;
|
|
51
64
|
UpdateFlag: number;
|
|
52
65
|
Data: Map<string, IDataSeries>;
|
|
53
66
|
XTransform: (x: number) => number;
|
|
54
|
-
YTransform: (y: number) => number;
|
|
67
|
+
YTransform: (y: number, axis: AxisIdentifier | number) => number;
|
|
55
68
|
XInvTransform: (p: number) => number;
|
|
56
|
-
YInvTransform: (p: number) => number;
|
|
69
|
+
YInvTransform: (p: number, axis: AxisIdentifier | number) => number;
|
|
57
70
|
SetXDomain: (x: [number, number]) => void;
|
|
58
|
-
SetYDomain: (y: [number, number]) => void;
|
|
71
|
+
SetYDomain: (y: [number, number][]) => void;
|
|
59
72
|
}
|
|
60
73
|
export declare const ContextWrapper: React.FC<IContextWrapperProps>;
|
|
61
74
|
export {};
|
package/lib/GraphContext.js
CHANGED
|
@@ -1,40 +1,43 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
3
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
4
|
+
if (!m) return o;
|
|
5
|
+
var i = m.call(o), r, ar = [], e;
|
|
6
|
+
try {
|
|
7
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
8
|
+
}
|
|
9
|
+
catch (error) { e = { error: error }; }
|
|
10
|
+
finally {
|
|
11
|
+
try {
|
|
12
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
13
|
+
}
|
|
14
|
+
finally { if (e) throw e.error; }
|
|
15
|
+
}
|
|
16
|
+
return ar;
|
|
17
|
+
};
|
|
18
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
19
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
20
|
+
if (ar || !(i in from)) {
|
|
21
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
22
|
+
ar[i] = from[i];
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
26
|
+
};
|
|
2
27
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ContextWrapper = exports.GraphContext = void 0;
|
|
4
|
-
// ******************************************************************************************************
|
|
5
|
-
// GraphContext.tsx - Gbtc
|
|
6
|
-
//
|
|
7
|
-
// Copyright © 2020, Grid Protection Alliance. All Rights Reserved.
|
|
8
|
-
//
|
|
9
|
-
// Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
|
|
10
|
-
// the NOTICE file distributed with this work for additional information regarding copyright ownership.
|
|
11
|
-
// The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
|
|
12
|
-
// file except in compliance with the License. You may obtain a copy of the License at:
|
|
13
|
-
//
|
|
14
|
-
// http://opensource.org/licenses/MIT
|
|
15
|
-
//
|
|
16
|
-
// Unless agreed to in writing, the subject software distributed under the License is distributed on an
|
|
17
|
-
// "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
|
|
18
|
-
// License for the specific language governing permissions and limitations.
|
|
19
|
-
//
|
|
20
|
-
// Code Modification History:
|
|
21
|
-
// ----------------------------------------------------------------------------------------------------
|
|
22
|
-
// 03/18/2021 - C Lackner
|
|
23
|
-
// Generated original version of source code.
|
|
24
|
-
//
|
|
25
|
-
// ******************************************************************************************************
|
|
28
|
+
exports.ContextWrapper = exports.AxisMap = exports.GraphContext = void 0;
|
|
26
29
|
var React = require("react");
|
|
27
30
|
exports.GraphContext = React.createContext({
|
|
28
31
|
XDomain: [0, 0],
|
|
29
32
|
XHover: NaN,
|
|
30
|
-
YHover: NaN,
|
|
31
|
-
YDomain: [0, 0],
|
|
33
|
+
YHover: [NaN, NaN],
|
|
34
|
+
YDomain: [[0, 0]],
|
|
32
35
|
CurrentMode: 'select',
|
|
33
36
|
Data: new Map(),
|
|
34
37
|
XTransformation: function (_) { return 0; },
|
|
35
|
-
YTransformation: function (_) { return 0; },
|
|
38
|
+
YTransformation: function (_, __) { return 0; },
|
|
36
39
|
XInverseTransformation: function (_) { return 0; },
|
|
37
|
-
YInverseTransformation: function (_) { return 0; },
|
|
40
|
+
YInverseTransformation: function (_, __) { return 0; },
|
|
38
41
|
AddData: (function (_) { return ""; }),
|
|
39
42
|
RemoveData: function (_) { return undefined; },
|
|
40
43
|
UpdateData: function (_) { return undefined; },
|
|
@@ -46,6 +49,24 @@ exports.GraphContext = React.createContext({
|
|
|
46
49
|
SetYDomain: function (_) { return undefined; },
|
|
47
50
|
UpdateFlag: 0
|
|
48
51
|
});
|
|
52
|
+
var AxisMapClass = /** @class */ (function () {
|
|
53
|
+
function AxisMapClass(iterable, undefinedOverride) {
|
|
54
|
+
var _this = this;
|
|
55
|
+
this.get = function (key) { var _a; return ((_a = _this.mapBase.get(key)) !== null && _a !== void 0 ? _a : _this.undefinedOverride); };
|
|
56
|
+
this.values = function () { return (_this.mapBase.values()); };
|
|
57
|
+
this.keys = function () { return (_this.mapBase.keys()); };
|
|
58
|
+
this.mapBase = new Map(iterable);
|
|
59
|
+
this.undefinedOverride = undefinedOverride;
|
|
60
|
+
// Note: if we ever allow mapBase to be mutated, the mutate methods should assign this
|
|
61
|
+
this.size = this.mapBase.size;
|
|
62
|
+
}
|
|
63
|
+
return AxisMapClass;
|
|
64
|
+
}());
|
|
65
|
+
// Giving this undefined (such as when an axis for a component is not specfied), will return 0, same as making a default of 'left'
|
|
66
|
+
exports.AxisMap = new AxisMapClass([
|
|
67
|
+
['left', 0],
|
|
68
|
+
['right', 1]
|
|
69
|
+
], 0);
|
|
49
70
|
var ContextWrapper = function (props) {
|
|
50
71
|
var context = React.useMemo(GetContext, [
|
|
51
72
|
props.XDomain,
|
|
@@ -73,7 +94,7 @@ var ContextWrapper = function (props) {
|
|
|
73
94
|
return {
|
|
74
95
|
XDomain: props.XDomain,
|
|
75
96
|
XHover: props.MouseIn ? props.XInvTransform(props.MousePosition[0]) : NaN,
|
|
76
|
-
YHover: props.MouseIn ? props.YInvTransform(props.MousePosition[1]) : NaN,
|
|
97
|
+
YHover: props.MouseIn ? __spreadArray([], __read(exports.AxisMap.values()), false).map(function (axis) { return props.YInvTransform(props.MousePosition[1], axis); }) : Array(exports.AxisMap.size).fill(NaN),
|
|
77
98
|
YDomain: props.YDomain,
|
|
78
99
|
CurrentMode: props.CurrentMode,
|
|
79
100
|
Data: props.Data,
|
|
@@ -96,4 +117,4 @@ var ContextWrapper = function (props) {
|
|
|
96
117
|
return React.createElement(exports.GraphContext.Provider, { value: context }, props.children);
|
|
97
118
|
};
|
|
98
119
|
exports.ContextWrapper = ContextWrapper;
|
|
99
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
120
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR3JhcGhDb250ZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vc3JjL0dyYXBoQ29udGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQXVCQSw2QkFBK0I7QUFzQmxCLFFBQUEsWUFBWSxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQUM7SUFDOUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNmLE1BQU0sRUFBRSxHQUFHO0lBRVgsTUFBTSxFQUFFLENBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQztJQUNsQixPQUFPLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUNqQixXQUFXLEVBQUUsUUFBUTtJQUdyQixJQUFJLEVBQUUsSUFBSSxHQUFHLEVBQXVCO0lBQ3BDLGVBQWUsRUFBRSxVQUFDLENBQVMsSUFBSyxPQUFBLENBQUMsRUFBRCxDQUFDO0lBQ2pDLGVBQWUsRUFBRSxVQUFDLENBQVMsRUFBRSxFQUF5QixJQUFLLE9BQUEsQ0FBQyxFQUFELENBQUM7SUFDNUQsc0JBQXNCLEVBQUUsVUFBQyxDQUFTLElBQUssT0FBQSxDQUFDLEVBQUQsQ0FBQztJQUN4QyxzQkFBc0IsRUFBRSxVQUFDLENBQVMsRUFBRSxFQUF5QixJQUFLLE9BQUEsQ0FBQyxFQUFELENBQUM7SUFDbkUsT0FBTyxFQUFFLENBQUMsVUFBQyxDQUFjLElBQUssT0FBQSxFQUFFLEVBQUYsQ0FBRSxDQUFDO0lBQ2pDLFVBQVUsRUFBRSxVQUFDLENBQVMsSUFBSyxPQUFBLFNBQVMsRUFBVCxDQUFTO0lBQ3BDLFVBQVUsRUFBRSxVQUFDLENBQUMsSUFBSyxPQUFBLFNBQVMsRUFBVCxDQUFTO0lBQzVCLFNBQVMsRUFBRSxVQUFDLENBQUMsSUFBSyxPQUFBLFNBQVMsRUFBVCxDQUFTO0lBQzNCLGNBQWMsRUFBRSxVQUFDLENBQUMsSUFBSyxPQUFBLEVBQUUsRUFBRixDQUFFO0lB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
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { LineStyle } from './GraphContext';
|
|
2
|
+
import { AxisIdentifier, LineStyle } from './GraphContext';
|
|
3
3
|
export interface IProps {
|
|
4
4
|
start?: number;
|
|
5
5
|
end?: number;
|
|
@@ -8,6 +8,7 @@ export interface IProps {
|
|
|
8
8
|
color: string;
|
|
9
9
|
lineStyle: LineStyle;
|
|
10
10
|
width: number;
|
|
11
|
+
axis?: AxisIdentifier;
|
|
11
12
|
}
|
|
12
13
|
declare function HorizontalMarker(props: IProps): JSX.Element;
|
|
13
14
|
export default HorizontalMarker;
|
package/lib/HorizontalMarker.js
CHANGED
|
@@ -48,8 +48,22 @@ function HorizontalMarker(props) {
|
|
|
48
48
|
var _a = __read(React.useState(props.Value), 2), value = _a[0], setValue = _a[1];
|
|
49
49
|
var _b = __read(React.useState(false), 2), isSelected = _b[0], setSelected = _b[1];
|
|
50
50
|
var _c = __read(React.useState(""), 2), guid = _c[0], setGuid = _c[1];
|
|
51
|
+
function generateData(v) {
|
|
52
|
+
var axis = GraphContext_1.AxisMap.get(props.axis);
|
|
53
|
+
var x1 = (props.start === undefined ? context.XDomain[0] : props.start);
|
|
54
|
+
var x2 = (props.end === undefined ? context.XDomain[1] : props.end);
|
|
55
|
+
return "M " + context.XTransformation(x1) + " " + context.YTransformation(v, axis) + " L " + context.XTransformation(x2) + " " + context.YTransformation(v, axis);
|
|
56
|
+
}
|
|
57
|
+
var onClick = React.useCallback(function (_, y) {
|
|
58
|
+
var axis = GraphContext_1.AxisMap.get(props.axis);
|
|
59
|
+
var yP = context.YTransformation(props.Value, axis);
|
|
60
|
+
var yT = context.YTransformation(y, axis);
|
|
61
|
+
if (yT <= yP + (props.width / 2) && yT >= yP - (props.width / 2))
|
|
62
|
+
setSelected(true);
|
|
63
|
+
}, [props.width, props.Value, props.axis]);
|
|
51
64
|
React.useEffect(function () {
|
|
52
65
|
var id = context.RegisterSelect({
|
|
66
|
+
axis: props.axis,
|
|
53
67
|
onClick: onClick,
|
|
54
68
|
onRelease: function (_) { return setSelected(false); },
|
|
55
69
|
onPlotLeave: function (_) { return setSelected(false); }
|
|
@@ -61,11 +75,12 @@ function HorizontalMarker(props) {
|
|
|
61
75
|
if (guid === "")
|
|
62
76
|
return;
|
|
63
77
|
context.UpdateSelect(guid, {
|
|
78
|
+
axis: props.axis,
|
|
64
79
|
onClick: onClick,
|
|
65
80
|
onRelease: function (_) { return setSelected(false); },
|
|
66
81
|
onPlotLeave: function (_) { return setSelected(false); }
|
|
67
82
|
});
|
|
68
|
-
}, [
|
|
83
|
+
}, [onClick]);
|
|
69
84
|
React.useEffect(function () {
|
|
70
85
|
setValue(props.Value);
|
|
71
86
|
}, [props.Value]);
|
|
@@ -81,19 +96,8 @@ function HorizontalMarker(props) {
|
|
|
81
96
|
}, [context.CurrentMode]);
|
|
82
97
|
React.useEffect(function () {
|
|
83
98
|
if (isSelected)
|
|
84
|
-
setValue(context.YHover);
|
|
85
|
-
}, [context.YHover]);
|
|
86
|
-
function generateData(v) {
|
|
87
|
-
var x1 = (props.start === undefined ? context.XDomain[0] : props.start);
|
|
88
|
-
var x2 = (props.end === undefined ? context.XDomain[1] : props.end);
|
|
89
|
-
return "M " + context.XTransformation(x1) + " " + context.YTransformation(v) + " L " + context.XTransformation(x2) + " " + context.YTransformation(v);
|
|
90
|
-
}
|
|
91
|
-
function onClick(_, y) {
|
|
92
|
-
var yP = context.YTransformation(props.Value);
|
|
93
|
-
var yT = context.YTransformation(y);
|
|
94
|
-
if (yT <= yP + (props.width / 2) && yT >= yP - (props.width / 2))
|
|
95
|
-
setSelected(true);
|
|
96
|
-
}
|
|
99
|
+
setValue(context.YHover[GraphContext_1.AxisMap.get(props.axis)]);
|
|
100
|
+
}, [context.YHover, props.axis]);
|
|
97
101
|
return (React.createElement("g", null,
|
|
98
102
|
React.createElement("path", { d: generateData(props.Value), style: { fill: 'none', strokeWidth: props.width, stroke: props.color }, strokeDasharray: props.lineStyle === ':' ? '10,5' : 'none' }),
|
|
99
103
|
props.setValue !== undefined && props.Value !== value ?
|
|
@@ -101,4 +105,4 @@ function HorizontalMarker(props) {
|
|
|
101
105
|
: null));
|
|
102
106
|
}
|
|
103
107
|
exports.default = HorizontalMarker;
|
|
104
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
108
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSG9yaXpvbnRhbE1hcmtlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9Ib3Jpem9udGFsTWFya2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEseUdBQXlHO0FBQ3pHLCtCQUErQjtBQUMvQixFQUFFO0FBQ0YscUVBQXFFO0FBQ3JFLEVBQUU7QUFDRix3R0FBd0c7QUFDeEcsd0dBQXdHO0FBQ3hHLHNHQUFzRztBQUN0Ryx3RkFBd0Y7QUFDeEYsRUFBRTtBQUNGLDBDQUEwQztBQUMxQyxFQUFFO0FBQ0Ysd0dBQXdHO0FBQ3hHLHdHQUF3RztBQUN4Ryw0RUFBNEU7QUFDNUUsRUFBRTtBQUNGLDhCQUE4QjtBQUM5Qix3R0FBd0c7QUFDeEcsMEJBQTBCO0FBQzFCLG1EQUFtRDtBQUNuRCxFQUFFO0FBQ0YseUdBQXlHOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFHekcsNkJBQStCO0FBQy9CLCtDQUEyRjtBQWEzRixTQUFTLGdCQUFnQixDQUFDLEtBQWE7SUFDckM7O01BRUU7SUFDRixJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLDJCQUFZLENBQUMsQ0FBQTtJQUN4QyxJQUFBLEtBQUEsT0FBb0IsS0FBSyxDQUFDLFFBQVEsQ0FBUyxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUEsRUFBdEQsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUF1QyxDQUFDO0lBQ3hELElBQUEsS0FBQSxPQUE0QixLQUFLLENBQUMsUUFBUSxDQUFVLEtBQUssQ0FBQyxJQUFBLEVBQXpELFVBQVUsUUFBQSxFQUFFLFdBQVcsUUFBa0MsQ0FBQztJQUMzRCxJQUFBLEtBQUEsT0FBa0IsS0FBSyxDQUFDLFFBQVEsQ0FBUyxFQUFFLENBQUMsSUFBQSxFQUEzQyxJQUFJLFFBQUEsRUFBRSxPQUFPLFFBQThCLENBQUM7SUFFbkQsU0FBUyxZQUFZLENBQUMsQ0FBUztRQUM3QixJQUFNLElBQUksR0FBRyxzQkFBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDckMsSUFBTSxFQUFFLEdBQUcsQ0FBQyxLQUFLLENBQUMsS0FBSyxLQUFLLFNBQVMsQ0FBQSxDQUFDLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3pFLElBQU0sRUFBRSxHQUFHLENBQUMsS0FBSyxDQUFDLEdBQUcsS0FBSyxTQUFTLENBQUEsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUVyRSxPQUFPLE9BQUssT0FBTyxDQUFDLGVBQWUsQ0FBQyxFQUFFLENBQUMsU0FBSSxPQUFPLENBQUMsZUFBZSxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsV0FBTSxPQUFPLENBQUMsZUFBZSxDQUFDLEVBQUUsQ0FBQyxTQUFJLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBRyxDQUFDO0lBQ3JKLENBQUM7SUFFRCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsV0FBVyxDQUFDLFVBQUMsQ0FBUyxFQUFFLENBQVM7UUFDckQsSUFBTSxJQUFJLEdBQUcsc0JBQU8sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3JDLElBQU0sRUFBRSxHQUFHLE9BQU8sQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQztRQUN0RCxJQUFNLEVBQUUsR0FBRyxPQUFPLENBQUMsZUFBZSxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztRQUM1QyxJQUFJLEVBQUUsSUFBSSxFQUFFLEdBQUcsQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFDLENBQUMsQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLEdBQUcsQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFDLENBQUMsQ0FBQztZQUMxRCxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7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
|
package/lib/Infobox.d.ts
CHANGED
package/lib/Infobox.js
CHANGED
|
@@ -70,7 +70,7 @@ var Infobox = function (props) {
|
|
|
70
70
|
}, [context.XTransformation, props.origin, props.offset]);
|
|
71
71
|
var calculateY = React.useCallback(function (yArg) {
|
|
72
72
|
var _a;
|
|
73
|
-
var y = context.YTransformation(yArg);
|
|
73
|
+
var y = context.YTransformation(yArg, GraphContext_1.AxisMap.get(props.axis));
|
|
74
74
|
// Convert x/y to upper-left corner
|
|
75
75
|
switch (props.origin) {
|
|
76
76
|
case undefined:
|
|
@@ -81,19 +81,20 @@ var Infobox = function (props) {
|
|
|
81
81
|
break;
|
|
82
82
|
}
|
|
83
83
|
return y;
|
|
84
|
-
}, [context.YTransformation, props.origin, props.offset]);
|
|
84
|
+
}, [context.YTransformation, props.origin, props.offset, props.axis]);
|
|
85
85
|
var onClick = React.useCallback(function (xArg, yArg) {
|
|
86
86
|
var xP = calculateX(props.x);
|
|
87
87
|
var xT = context.XTransformation(xArg);
|
|
88
88
|
var yP = calculateY(props.y);
|
|
89
|
-
var yT = context.YTransformation(yArg);
|
|
89
|
+
var yT = context.YTransformation(yArg, GraphContext_1.AxisMap.get(props.axis));
|
|
90
90
|
if (xT <= xP + props.width && xT >= xP && yT <= yP + props.height && yT >= yP) {
|
|
91
91
|
setSelected(true);
|
|
92
92
|
}
|
|
93
|
-
}, [props.x, props.y, calculateX, calculateY, props.width, props.height, setSelected, context.XTransformation, context.YTransformation]);
|
|
93
|
+
}, [props.x, props.y, calculateX, calculateY, props.width, props.height, setSelected, context.XTransformation, context.YTransformation, props.axis]);
|
|
94
94
|
// useEffect
|
|
95
95
|
React.useEffect(function () {
|
|
96
96
|
var id = context.RegisterSelect({
|
|
97
|
+
axis: props.axis,
|
|
97
98
|
onRelease: function (_) { return setSelected(false); },
|
|
98
99
|
onPlotLeave: function (_) { return setSelected(false); },
|
|
99
100
|
onClick: onClick
|
|
@@ -105,11 +106,12 @@ var Infobox = function (props) {
|
|
|
105
106
|
if (guid === "")
|
|
106
107
|
return;
|
|
107
108
|
context.UpdateSelect(guid, {
|
|
109
|
+
axis: props.axis,
|
|
108
110
|
onRelease: function (_) { return setSelected(false); },
|
|
109
111
|
onPlotLeave: function (_) { return setSelected(false); },
|
|
110
112
|
onClick: onClick
|
|
111
113
|
});
|
|
112
|
-
}, [onClick]);
|
|
114
|
+
}, [onClick, props.axis]);
|
|
113
115
|
React.useEffect(function () {
|
|
114
116
|
setPosition({ x: props.x, y: props.y });
|
|
115
117
|
}, [props.x, props.y]);
|
|
@@ -125,8 +127,8 @@ var Infobox = function (props) {
|
|
|
125
127
|
}, [context.CurrentMode]);
|
|
126
128
|
React.useEffect(function () {
|
|
127
129
|
if (isSelected)
|
|
128
|
-
setPosition({ x: context.XHover, y: context.YHover });
|
|
129
|
-
}, [context.XHover, context.YHover]);
|
|
130
|
+
setPosition({ x: context.XHover, y: context.YHover[GraphContext_1.AxisMap.get(props.axis)] });
|
|
131
|
+
}, [context.XHover, context.YHover, props.axis]);
|
|
130
132
|
return (React.createElement("g", null,
|
|
131
133
|
React.createElement(InfoGraphic, { x: calculateX(props.x), y: calculateY(props.y), width: props.width, height: props.height, opacity: props.opacity }),
|
|
132
134
|
React.createElement("foreignObject", { x: calculateX(props.x), y: calculateY(props.y), width: props.width, height: props.height }, props.children),
|
|
@@ -139,4 +141,4 @@ var InfoGraphic = function (props) {
|
|
|
139
141
|
return (React.createElement("path", { d: "M " + props.x + " " + props.y + " h " + props.width + " v " + props.height + " h -" + props.width + " v -" + props.height, stroke: 'black', style: { opacity: (_a = props.opacity) !== null && _a !== void 0 ? _a : 1 } }));
|
|
140
142
|
};
|
|
141
143
|
exports.default = Infobox;
|
|
142
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
144
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5mb2JveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9JbmZvYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEseUdBQXlHO0FBQ3pHLHNCQUFzQjtBQUN0QixFQUFFO0FBQ0YscUVBQXFFO0FBQ3JFLEVBQUU7QUFDRix3R0FBd0c7QUFDeEcsd0dBQXdHO0FBQ3hHLHNHQUFzRztBQUN0Ryx3RkFBd0Y7QUFDeEYsRUFBRTtBQUNGLDBDQUEwQztBQUMxQyxFQUFFO0FBQ0Ysd0dBQXdHO0FBQ3hHLHdHQUF3RztBQUN4Ryw0RUFBNEU7QUFDNUUsRUFBRTtBQUNGLDhCQUE4QjtBQUM5Qix3R0FBd0c7QUFDeEcseUJBQXlCO0FBQ3pCLG1EQUFtRDtBQUNuRCxFQUFFO0FBQ0YseUdBQXlHOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFekcsNkJBQStCO0FBQy9CLCtDQUFrRjtBQWtCbEYsSUFBTSxPQUFPLEdBQW9DLFVBQUMsS0FBSztJQUNyRCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLDJCQUFZLENBQUMsQ0FBQztJQUN6QyxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBVSxLQUFLLENBQUMsSUFBQSxFQUF6RCxVQUFVLFFBQUEsRUFBRSxXQUFXLFFBQWtDLENBQUM7SUFDM0QsSUFBQSxLQUFBLE9BQTBCLEtBQUssQ0FBQyxRQUFRLENBQXlCLEVBQUMsQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDLEVBQUMsQ0FBQyxJQUFBLEVBQXpGLFFBQVEsUUFBQSxFQUFFLFdBQVcsUUFBb0UsQ0FBQztJQUMzRixJQUFBLEtBQUEsT0FBa0IsS0FBSyxDQUFDLFFBQVEsQ0FBUyxFQUFFLENBQUMsSUFBQSxFQUEzQyxJQUFJLFFBQUEsRUFBRSxPQUFPLFFBQThCLENBQUM7SUFDbkQsSUFBTSxhQUFhLEdBQUcsQ0FBQyxDQUFDO0lBRXhCLFlBQVk7SUFDWixJQUFN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
|
|
@@ -9,6 +9,7 @@ interface IProps {
|
|
|
9
9
|
setSelection: (selection: ButtonType) => void;
|
|
10
10
|
x: number;
|
|
11
11
|
y: number;
|
|
12
|
+
holdOpen?: boolean;
|
|
12
13
|
}
|
|
13
14
|
declare type ButtonType = ('zoom' | 'pan' | 'reset' | 'select' | 'download');
|
|
14
15
|
declare const InteractiveButtons: React.FunctionComponent<IProps>;
|