@gpa-gemstone/react-graph 1.0.50 → 1.0.52
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 +16 -17
- package/lib/AggregatingCircles.js +180 -173
- package/lib/Button.d.ts +7 -7
- package/lib/Button.js +33 -33
- package/lib/Circle.d.ts +19 -20
- package/lib/Circle.js +125 -118
- package/lib/GraphContext.d.ts +89 -89
- package/lib/GraphContext.js +140 -140
- package/lib/HeatLegend.d.ts +10 -11
- package/lib/HeatLegend.js +109 -106
- package/lib/HeatMapChart.d.ts +14 -15
- package/lib/HeatMapChart.js +119 -119
- package/lib/HorizontalMarker.d.ts +13 -14
- package/lib/HorizontalMarker.js +110 -110
- package/lib/Infobox.d.ts +17 -17
- package/lib/Infobox.js +180 -180
- package/lib/InteractiveButtons.d.ts +21 -21
- package/lib/InteractiveButtons.js +218 -218
- package/lib/Legend.d.ts +14 -14
- package/lib/Legend.js +117 -117
- package/lib/LegendContext.d.ts +14 -14
- package/lib/LegendContext.js +34 -34
- package/lib/Line.d.ts +14 -15
- package/lib/Line.js +144 -144
- package/lib/LineLegend.d.ts +11 -12
- package/lib/LineLegend.js +97 -97
- package/lib/LineWithThreshold.d.ts +12 -13
- package/lib/LineWithThreshold.js +144 -144
- package/lib/LogAxis.d.ts +20 -20
- package/lib/LogAxis.js +165 -165
- package/lib/Plot.d.ts +38 -37
- package/lib/Plot.js +802 -802
- package/lib/PointNode.d.ts +31 -31
- package/lib/PointNode.js +254 -254
- package/lib/SymbolicMarker.d.ts +17 -17
- package/lib/SymbolicMarker.js +119 -119
- package/lib/TimeAxis.d.ts +18 -18
- package/lib/TimeAxis.js +433 -433
- package/lib/ValueAxis.d.ts +21 -21
- package/lib/ValueAxis.js +196 -192
- package/lib/VerticalMarker.d.ts +14 -15
- package/lib/VerticalMarker.js +111 -111
- package/lib/index.d.ts +13 -13
- package/lib/index.js +27 -27
- package/package.json +4 -4
package/lib/Infobox.js
CHANGED
|
@@ -1,180 +1,180 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
// ******************************************************************************************************
|
|
3
|
-
// Infobox.tsx - Gbtc
|
|
4
|
-
//
|
|
5
|
-
// Copyright © 2020, Grid Protection Alliance. All Rights Reserved.
|
|
6
|
-
//
|
|
7
|
-
// Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
|
|
8
|
-
// the NOTICE file distributed with this work for additional information regarding copyright ownership.
|
|
9
|
-
// The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
|
|
10
|
-
// file except in compliance with the License. You may obtain a copy of the License at:
|
|
11
|
-
//
|
|
12
|
-
// http://opensource.org/licenses/MIT
|
|
13
|
-
//
|
|
14
|
-
// Unless agreed to in writing, the subject software distributed under the License is distributed on an
|
|
15
|
-
// "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
|
|
16
|
-
// License for the specific language governing permissions and limitations.
|
|
17
|
-
//
|
|
18
|
-
// Code Modification History:
|
|
19
|
-
// ----------------------------------------------------------------------------------------------------
|
|
20
|
-
// 06/16/2023 - G Santos
|
|
21
|
-
// Generated original version of source code.
|
|
22
|
-
//
|
|
23
|
-
// ******************************************************************************************************
|
|
24
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
25
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
26
|
-
if (!m) return o;
|
|
27
|
-
var i = m.call(o), r, ar = [], e;
|
|
28
|
-
try {
|
|
29
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
30
|
-
}
|
|
31
|
-
catch (error) { e = { error: error }; }
|
|
32
|
-
finally {
|
|
33
|
-
try {
|
|
34
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
35
|
-
}
|
|
36
|
-
finally { if (e) throw e.error; }
|
|
37
|
-
}
|
|
38
|
-
return ar;
|
|
39
|
-
};
|
|
40
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
41
|
-
var React = require("react");
|
|
42
|
-
var GraphContext_1 = require("./GraphContext");
|
|
43
|
-
var Infobox = function (props) {
|
|
44
|
-
var context = React.useContext(GraphContext_1.GraphContext);
|
|
45
|
-
var _a = __read(React.useState(false), 2), isSelected = _a[0], setSelected = _a[1];
|
|
46
|
-
var _b = __read(React.useState({ x: props.x, y: props.y }), 2), position = _b[0], setPosition = _b[1];
|
|
47
|
-
var _c = __read(React.useState({ width: 100, height: 100 }), 2), dimension = _c[0], setDimensions = _c[1];
|
|
48
|
-
var _d = __read(React.useState(""), 2), guid = _d[0], setGuid = _d[1];
|
|
49
|
-
var offsetDefault = 0;
|
|
50
|
-
// Functions
|
|
51
|
-
var calculateX = React.useCallback(function (xArg) {
|
|
52
|
-
var _a, _b, _c;
|
|
53
|
-
var x = ((_a = props.usePixelPositioning) !== null && _a !== void 0 ? _a : false) ? context.XApplyPixelOffset(xArg) : context.XTransformation(xArg);
|
|
54
|
-
// Convert x/y to upper-left corner
|
|
55
|
-
switch (props.origin) {
|
|
56
|
-
case "lower-right":
|
|
57
|
-
case "upper-right": {
|
|
58
|
-
x -= (dimension.width + ((_b = props.offset) !== null && _b !== void 0 ? _b : offsetDefault));
|
|
59
|
-
break;
|
|
60
|
-
}
|
|
61
|
-
case "lower-center":
|
|
62
|
-
case "upper-center": {
|
|
63
|
-
x -= Math.floor(dimension.width / 2);
|
|
64
|
-
break;
|
|
65
|
-
}
|
|
66
|
-
// Do-nothing case
|
|
67
|
-
case undefined:
|
|
68
|
-
case "lower-left":
|
|
69
|
-
case "upper-left":
|
|
70
|
-
x += (_c = props.offset) !== null && _c !== void 0 ? _c : offsetDefault;
|
|
71
|
-
break;
|
|
72
|
-
}
|
|
73
|
-
return x;
|
|
74
|
-
}, [context.XApplyPixelOffset, context.XTransformation, props.origin, props.offset, props.usePixelPositioning, dimension]);
|
|
75
|
-
var calculateY = React.useCallback(function (yArg) {
|
|
76
|
-
var _a, _b, _c;
|
|
77
|
-
var y = ((_a = props.usePixelPositioning) !== null && _a !== void 0 ? _a : false) ? context.YApplyPixelOffset(yArg) : context.YTransformation(yArg, GraphContext_1.AxisMap.get(props.axis));
|
|
78
|
-
// Convert x/y to upper-left corner
|
|
79
|
-
switch (props.origin) {
|
|
80
|
-
case undefined:
|
|
81
|
-
case "upper-left":
|
|
82
|
-
case "upper-right":
|
|
83
|
-
case "upper-center":
|
|
84
|
-
y += (_b = props.offset) !== null && _b !== void 0 ? _b : offsetDefault;
|
|
85
|
-
break;
|
|
86
|
-
case "lower-left":
|
|
87
|
-
case "lower-right":
|
|
88
|
-
case "lower-center":
|
|
89
|
-
y -= (dimension.height + ((_c = props.offset) !== null && _c !== void 0 ? _c : offsetDefault));
|
|
90
|
-
break;
|
|
91
|
-
}
|
|
92
|
-
return y;
|
|
93
|
-
}, [context.YApplyPixelOffset, context.YTransformation, props.origin, props.offset, props.usePixelPositioning, props.axis, dimension]);
|
|
94
|
-
var onClick = React.useCallback(function (xArg, yArg) {
|
|
95
|
-
var xP = calculateX(props.x);
|
|
96
|
-
var xT = context.XTransformation(xArg);
|
|
97
|
-
var yP = calculateY(props.y);
|
|
98
|
-
var yT = context.YTransformation(yArg, GraphContext_1.AxisMap.get(props.axis));
|
|
99
|
-
if (xT <= xP + dimension.width && xT >= xP && yT <= yP + dimension.height && yT >= yP) {
|
|
100
|
-
setSelected(true);
|
|
101
|
-
}
|
|
102
|
-
}, [props.x, props.y, calculateX, calculateY, dimension, setSelected, context.XTransformation, context.YTransformation, props.axis]);
|
|
103
|
-
// Note: this is the only function not effected by usePixelPositioning
|
|
104
|
-
var onMove = props.onMouseMove === undefined ? undefined : React.useCallback(function (xArg, yArg) {
|
|
105
|
-
if (props.onMouseMove !== undefined)
|
|
106
|
-
props.onMouseMove(xArg, yArg);
|
|
107
|
-
}, [props.onMouseMove]);
|
|
108
|
-
// useEffect
|
|
109
|
-
React.useEffect(function () {
|
|
110
|
-
var id = context.RegisterSelect({
|
|
111
|
-
axis: props.axis,
|
|
112
|
-
allowSnapping: false,
|
|
113
|
-
onRelease: function (_) { return setSelected(false); },
|
|
114
|
-
onPlotLeave: function (_) { return setSelected(false); },
|
|
115
|
-
onClick: onClick,
|
|
116
|
-
onMove: onMove
|
|
117
|
-
});
|
|
118
|
-
setGuid(id);
|
|
119
|
-
return function () { context.RemoveSelect(id); };
|
|
120
|
-
}, []);
|
|
121
|
-
React.useEffect(function () {
|
|
122
|
-
if (guid === "")
|
|
123
|
-
return;
|
|
124
|
-
context.UpdateSelect(guid, {
|
|
125
|
-
axis: props.axis,
|
|
126
|
-
allowSnapping: false,
|
|
127
|
-
onRelease: function (_) { return setSelected(false); },
|
|
128
|
-
onPlotLeave: function (_) { return setSelected(false); },
|
|
129
|
-
onClick: onClick,
|
|
130
|
-
onMove: onMove
|
|
131
|
-
});
|
|
132
|
-
}, [onClick, onMove, props.axis]);
|
|
133
|
-
React.useEffect(function () {
|
|
134
|
-
setPosition({ x: props.x, y: props.y });
|
|
135
|
-
}, [props.x, props.y]);
|
|
136
|
-
React.useEffect(function () {
|
|
137
|
-
if (props.setPosition === undefined)
|
|
138
|
-
return;
|
|
139
|
-
if (!isSelected && (props.x !== position.x || props.y !== position.y))
|
|
140
|
-
props.setPosition(position.x, position.y);
|
|
141
|
-
}, [isSelected, position]);
|
|
142
|
-
React.useEffect(function () {
|
|
143
|
-
if (context.CurrentMode !== 'select')
|
|
144
|
-
setSelected(false);
|
|
145
|
-
}, [context.CurrentMode]);
|
|
146
|
-
React.useEffect(function () {
|
|
147
|
-
var _a;
|
|
148
|
-
if (isSelected && !((_a = props.disallowSnapping) !== null && _a !== void 0 ? _a : false))
|
|
149
|
-
setPosition({ x: context.XHoverSnap, y: context.YHoverSnap[GraphContext_1.AxisMap.get(props.axis)] });
|
|
150
|
-
}, [context.XHoverSnap, context.YHoverSnap, props.axis]);
|
|
151
|
-
React.useEffect(function () {
|
|
152
|
-
var _a;
|
|
153
|
-
if (isSelected && ((_a = props.disallowSnapping) !== null && _a !== void 0 ? _a : false))
|
|
154
|
-
setPosition({ x: context.XHover, y: context.YHover[GraphContext_1.AxisMap.get(props.axis)] });
|
|
155
|
-
}, [context.XHover, context.YHover, props.axis]);
|
|
156
|
-
// Get Heights and Widths
|
|
157
|
-
React.useEffect(function () {
|
|
158
|
-
var domEle = document.getElementById(props.childId);
|
|
159
|
-
if (domEle == null) {
|
|
160
|
-
console.error("Invalid element id passed for child element in infobox "
|
|
161
|
-
setDimensions({ width: 100, height: 100 });
|
|
162
|
-
return;
|
|
163
|
-
}
|
|
164
|
-
if (dimension.width === Math.ceil(domEle.clientWidth) && dimension.height === Math.ceil(domEle.clientHeight))
|
|
165
|
-
return;
|
|
166
|
-
setDimensions({ width: Math.ceil(domEle.clientWidth), height: Math.ceil(domEle.clientHeight) });
|
|
167
|
-
}, [props.children, props.childId]);
|
|
168
|
-
return (React.createElement("g", null,
|
|
169
|
-
React.createElement(InfoGraphic, { x: calculateX(props.x), y: calculateY(props.y), width: dimension.width, height: dimension.height, opacity: props.opacity }),
|
|
170
|
-
React.createElement("foreignObject", { x: calculateX(props.x), y: calculateY(props.y), width: dimension.width, height: dimension.height }, props.children),
|
|
171
|
-
props.setPosition !== undefined && (props.x !== position.x || props.y !== position.y) ?
|
|
172
|
-
React.createElement(InfoGraphic, { x: calculateX(position.x), y: calculateY(position.y), width: dimension.width, height: dimension.height, opacity: props.opacity })
|
|
173
|
-
: null));
|
|
174
|
-
};
|
|
175
|
-
var InfoGraphic = function (props) {
|
|
176
|
-
var _a;
|
|
177
|
-
return (React.createElement("path", { d: "M "
|
|
178
|
-
};
|
|
179
|
-
exports.default = Infobox;
|
|
180
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5mb2JveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9JbmZvYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEseUdBQXlHO0FBQ3pHLHNCQUFzQjtBQUN0QixFQUFFO0FBQ0YscUVBQXFFO0FBQ3JFLEVBQUU7QUFDRix3R0FBd0c7QUFDeEcsd0dBQXdHO0FBQ3hHLHNHQUFzRztBQUN0Ryx3RkFBd0Y7QUFDeEYsRUFBRTtBQUNGLDBDQUEwQztBQUMxQyxFQUFFO0FBQ0Ysd0dBQXdHO0FBQ3hHLHdHQUF3RztBQUN4Ryw0RUFBNEU7QUFDNUUsRUFBRTtBQUNGLDhCQUE4QjtBQUM5Qix3R0FBd0c7QUFDeEcseUJBQXlCO0FBQ3pCLG1EQUFtRDtBQUNuRCxFQUFFO0FBQ0YseUdBQXlHOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFekcsNkJBQStCO0FBQy9CLCtDQUFrRjtBQW9CbEYsSUFBTSxPQUFPLEdBQW9DLFVBQUMsS0FBSztJQUNyRCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLDJCQUFZLENBQUMsQ0FBQztJQUN6QyxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBVSxLQUFLLENBQUMsSUFBQSxFQUF6RCxVQUFVLFFBQUEsRUFBRSxXQUFXLFFBQWtDLENBQUM7SUFDM0QsSUFBQSxLQUFBLE9BQTBCLEtBQUssQ0FBQyxRQUFRLENBQXlCLEVBQUMsQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDLEVBQUMsQ0FBQyxJQUFBLEVBQXpGLFFBQVEsUUFBQSxFQUFFLFdBQVcsUUFBb0UsQ0FBQztJQUMzRixJQUFBLEtBQUEsT0FBNkIsS0FBSyxDQUFDLFFBQVEsQ0FBa0MsRUFBQyxLQUFLLEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUMsQ0FBQyxJQUFBLEVBQXRHLFNBQVMsUUFBQSxFQUFFLGFBQWEsUUFBOEUsQ0FBQztJQUN4RyxJQUFB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
|
|
1
|
+
"use strict";
|
|
2
|
+
// ******************************************************************************************************
|
|
3
|
+
// Infobox.tsx - Gbtc
|
|
4
|
+
//
|
|
5
|
+
// Copyright © 2020, Grid Protection Alliance. All Rights Reserved.
|
|
6
|
+
//
|
|
7
|
+
// Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
|
|
8
|
+
// the NOTICE file distributed with this work for additional information regarding copyright ownership.
|
|
9
|
+
// The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
|
|
10
|
+
// file except in compliance with the License. You may obtain a copy of the License at:
|
|
11
|
+
//
|
|
12
|
+
// http://opensource.org/licenses/MIT
|
|
13
|
+
//
|
|
14
|
+
// Unless agreed to in writing, the subject software distributed under the License is distributed on an
|
|
15
|
+
// "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
|
|
16
|
+
// License for the specific language governing permissions and limitations.
|
|
17
|
+
//
|
|
18
|
+
// Code Modification History:
|
|
19
|
+
// ----------------------------------------------------------------------------------------------------
|
|
20
|
+
// 06/16/2023 - G Santos
|
|
21
|
+
// Generated original version of source code.
|
|
22
|
+
//
|
|
23
|
+
// ******************************************************************************************************
|
|
24
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
25
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
26
|
+
if (!m) return o;
|
|
27
|
+
var i = m.call(o), r, ar = [], e;
|
|
28
|
+
try {
|
|
29
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
30
|
+
}
|
|
31
|
+
catch (error) { e = { error: error }; }
|
|
32
|
+
finally {
|
|
33
|
+
try {
|
|
34
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
35
|
+
}
|
|
36
|
+
finally { if (e) throw e.error; }
|
|
37
|
+
}
|
|
38
|
+
return ar;
|
|
39
|
+
};
|
|
40
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
41
|
+
var React = require("react");
|
|
42
|
+
var GraphContext_1 = require("./GraphContext");
|
|
43
|
+
var Infobox = function (props) {
|
|
44
|
+
var context = React.useContext(GraphContext_1.GraphContext);
|
|
45
|
+
var _a = __read(React.useState(false), 2), isSelected = _a[0], setSelected = _a[1];
|
|
46
|
+
var _b = __read(React.useState({ x: props.x, y: props.y }), 2), position = _b[0], setPosition = _b[1];
|
|
47
|
+
var _c = __read(React.useState({ width: 100, height: 100 }), 2), dimension = _c[0], setDimensions = _c[1];
|
|
48
|
+
var _d = __read(React.useState(""), 2), guid = _d[0], setGuid = _d[1];
|
|
49
|
+
var offsetDefault = 0;
|
|
50
|
+
// Functions
|
|
51
|
+
var calculateX = React.useCallback(function (xArg) {
|
|
52
|
+
var _a, _b, _c;
|
|
53
|
+
var x = ((_a = props.usePixelPositioning) !== null && _a !== void 0 ? _a : false) ? context.XApplyPixelOffset(xArg) : context.XTransformation(xArg);
|
|
54
|
+
// Convert x/y to upper-left corner
|
|
55
|
+
switch (props.origin) {
|
|
56
|
+
case "lower-right":
|
|
57
|
+
case "upper-right": {
|
|
58
|
+
x -= (dimension.width + ((_b = props.offset) !== null && _b !== void 0 ? _b : offsetDefault));
|
|
59
|
+
break;
|
|
60
|
+
}
|
|
61
|
+
case "lower-center":
|
|
62
|
+
case "upper-center": {
|
|
63
|
+
x -= Math.floor(dimension.width / 2);
|
|
64
|
+
break;
|
|
65
|
+
}
|
|
66
|
+
// Do-nothing case
|
|
67
|
+
case undefined:
|
|
68
|
+
case "lower-left":
|
|
69
|
+
case "upper-left":
|
|
70
|
+
x += (_c = props.offset) !== null && _c !== void 0 ? _c : offsetDefault;
|
|
71
|
+
break;
|
|
72
|
+
}
|
|
73
|
+
return x;
|
|
74
|
+
}, [context.XApplyPixelOffset, context.XTransformation, props.origin, props.offset, props.usePixelPositioning, dimension]);
|
|
75
|
+
var calculateY = React.useCallback(function (yArg) {
|
|
76
|
+
var _a, _b, _c;
|
|
77
|
+
var y = ((_a = props.usePixelPositioning) !== null && _a !== void 0 ? _a : false) ? context.YApplyPixelOffset(yArg) : context.YTransformation(yArg, GraphContext_1.AxisMap.get(props.axis));
|
|
78
|
+
// Convert x/y to upper-left corner
|
|
79
|
+
switch (props.origin) {
|
|
80
|
+
case undefined:
|
|
81
|
+
case "upper-left":
|
|
82
|
+
case "upper-right":
|
|
83
|
+
case "upper-center":
|
|
84
|
+
y += (_b = props.offset) !== null && _b !== void 0 ? _b : offsetDefault;
|
|
85
|
+
break;
|
|
86
|
+
case "lower-left":
|
|
87
|
+
case "lower-right":
|
|
88
|
+
case "lower-center":
|
|
89
|
+
y -= (dimension.height + ((_c = props.offset) !== null && _c !== void 0 ? _c : offsetDefault));
|
|
90
|
+
break;
|
|
91
|
+
}
|
|
92
|
+
return y;
|
|
93
|
+
}, [context.YApplyPixelOffset, context.YTransformation, props.origin, props.offset, props.usePixelPositioning, props.axis, dimension]);
|
|
94
|
+
var onClick = React.useCallback(function (xArg, yArg) {
|
|
95
|
+
var xP = calculateX(props.x);
|
|
96
|
+
var xT = context.XTransformation(xArg);
|
|
97
|
+
var yP = calculateY(props.y);
|
|
98
|
+
var yT = context.YTransformation(yArg, GraphContext_1.AxisMap.get(props.axis));
|
|
99
|
+
if (xT <= xP + dimension.width && xT >= xP && yT <= yP + dimension.height && yT >= yP) {
|
|
100
|
+
setSelected(true);
|
|
101
|
+
}
|
|
102
|
+
}, [props.x, props.y, calculateX, calculateY, dimension, setSelected, context.XTransformation, context.YTransformation, props.axis]);
|
|
103
|
+
// Note: this is the only function not effected by usePixelPositioning
|
|
104
|
+
var onMove = props.onMouseMove === undefined ? undefined : React.useCallback(function (xArg, yArg) {
|
|
105
|
+
if (props.onMouseMove !== undefined)
|
|
106
|
+
props.onMouseMove(xArg, yArg);
|
|
107
|
+
}, [props.onMouseMove]);
|
|
108
|
+
// useEffect
|
|
109
|
+
React.useEffect(function () {
|
|
110
|
+
var id = context.RegisterSelect({
|
|
111
|
+
axis: props.axis,
|
|
112
|
+
allowSnapping: false,
|
|
113
|
+
onRelease: function (_) { return setSelected(false); },
|
|
114
|
+
onPlotLeave: function (_) { return setSelected(false); },
|
|
115
|
+
onClick: onClick,
|
|
116
|
+
onMove: onMove
|
|
117
|
+
});
|
|
118
|
+
setGuid(id);
|
|
119
|
+
return function () { context.RemoveSelect(id); };
|
|
120
|
+
}, []);
|
|
121
|
+
React.useEffect(function () {
|
|
122
|
+
if (guid === "")
|
|
123
|
+
return;
|
|
124
|
+
context.UpdateSelect(guid, {
|
|
125
|
+
axis: props.axis,
|
|
126
|
+
allowSnapping: false,
|
|
127
|
+
onRelease: function (_) { return setSelected(false); },
|
|
128
|
+
onPlotLeave: function (_) { return setSelected(false); },
|
|
129
|
+
onClick: onClick,
|
|
130
|
+
onMove: onMove
|
|
131
|
+
});
|
|
132
|
+
}, [onClick, onMove, props.axis]);
|
|
133
|
+
React.useEffect(function () {
|
|
134
|
+
setPosition({ x: props.x, y: props.y });
|
|
135
|
+
}, [props.x, props.y]);
|
|
136
|
+
React.useEffect(function () {
|
|
137
|
+
if (props.setPosition === undefined)
|
|
138
|
+
return;
|
|
139
|
+
if (!isSelected && (props.x !== position.x || props.y !== position.y))
|
|
140
|
+
props.setPosition(position.x, position.y);
|
|
141
|
+
}, [isSelected, position]);
|
|
142
|
+
React.useEffect(function () {
|
|
143
|
+
if (context.CurrentMode !== 'select')
|
|
144
|
+
setSelected(false);
|
|
145
|
+
}, [context.CurrentMode]);
|
|
146
|
+
React.useEffect(function () {
|
|
147
|
+
var _a;
|
|
148
|
+
if (isSelected && !((_a = props.disallowSnapping) !== null && _a !== void 0 ? _a : false))
|
|
149
|
+
setPosition({ x: context.XHoverSnap, y: context.YHoverSnap[GraphContext_1.AxisMap.get(props.axis)] });
|
|
150
|
+
}, [context.XHoverSnap, context.YHoverSnap, props.axis]);
|
|
151
|
+
React.useEffect(function () {
|
|
152
|
+
var _a;
|
|
153
|
+
if (isSelected && ((_a = props.disallowSnapping) !== null && _a !== void 0 ? _a : false))
|
|
154
|
+
setPosition({ x: context.XHover, y: context.YHover[GraphContext_1.AxisMap.get(props.axis)] });
|
|
155
|
+
}, [context.XHover, context.YHover, props.axis]);
|
|
156
|
+
// Get Heights and Widths
|
|
157
|
+
React.useEffect(function () {
|
|
158
|
+
var domEle = document.getElementById(props.childId);
|
|
159
|
+
if (domEle == null) {
|
|
160
|
+
console.error("Invalid element id passed for child element in infobox ".concat(props.childId));
|
|
161
|
+
setDimensions({ width: 100, height: 100 });
|
|
162
|
+
return;
|
|
163
|
+
}
|
|
164
|
+
if (dimension.width === Math.ceil(domEle.clientWidth) && dimension.height === Math.ceil(domEle.clientHeight))
|
|
165
|
+
return;
|
|
166
|
+
setDimensions({ width: Math.ceil(domEle.clientWidth), height: Math.ceil(domEle.clientHeight) });
|
|
167
|
+
}, [props.children, props.childId]);
|
|
168
|
+
return (React.createElement("g", null,
|
|
169
|
+
React.createElement(InfoGraphic, { x: calculateX(props.x), y: calculateY(props.y), width: dimension.width, height: dimension.height, opacity: props.opacity }),
|
|
170
|
+
React.createElement("foreignObject", { x: calculateX(props.x), y: calculateY(props.y), width: dimension.width, height: dimension.height }, props.children),
|
|
171
|
+
props.setPosition !== undefined && (props.x !== position.x || props.y !== position.y) ?
|
|
172
|
+
React.createElement(InfoGraphic, { x: calculateX(position.x), y: calculateY(position.y), width: dimension.width, height: dimension.height, opacity: props.opacity })
|
|
173
|
+
: null));
|
|
174
|
+
};
|
|
175
|
+
var InfoGraphic = function (props) {
|
|
176
|
+
var _a;
|
|
177
|
+
return (React.createElement("path", { d: "M ".concat(props.x, " ").concat(props.y, " h ").concat(props.width, " v ").concat(props.height, " h -").concat(props.width, " v -").concat(props.height), stroke: 'black', style: { opacity: (_a = props.opacity) !== null && _a !== void 0 ? _a : 1 } }));
|
|
178
|
+
};
|
|
179
|
+
exports.default = Infobox;
|
|
180
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5mb2JveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9JbmZvYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEseUdBQXlHO0FBQ3pHLHNCQUFzQjtBQUN0QixFQUFFO0FBQ0YscUVBQXFFO0FBQ3JFLEVBQUU7QUFDRix3R0FBd0c7QUFDeEcsd0dBQXdHO0FBQ3hHLHNHQUFzRztBQUN0Ryx3RkFBd0Y7QUFDeEYsRUFBRTtBQUNGLDBDQUEwQztBQUMxQyxFQUFFO0FBQ0Ysd0dBQXdHO0FBQ3hHLHdHQUF3RztBQUN4Ryw0RUFBNEU7QUFDNUUsRUFBRTtBQUNGLDhCQUE4QjtBQUM5Qix3R0FBd0c7QUFDeEcseUJBQXlCO0FBQ3pCLG1EQUFtRDtBQUNuRCxFQUFFO0FBQ0YseUdBQXlHOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFekcsNkJBQStCO0FBQy9CLCtDQUFrRjtBQW9CbEYsSUFBTSxPQUFPLEdBQW9DLFVBQUMsS0FBSztJQUNyRCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLDJCQUFZLENBQUMsQ0FBQztJQUN6QyxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBVSxLQUFLLENBQUMsSUFBQSxFQUF6RCxVQUFVLFFBQUEsRUFBRSxXQUFXLFFBQWtDLENBQUM7SUFDM0QsSUFBQSxLQUFBLE9BQTBCLEtBQUssQ0FBQyxRQUFRLENBQXlCLEVBQUMsQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDLEVBQUMsQ0FBQyxJQUFBLEVBQXpGLFFBQVEsUUFBQSxFQUFFLFdBQVcsUUFBb0UsQ0FBQztJQUMzRixJQUFBLEtBQUEsT0FBNkIsS0FBSyxDQUFDLFFBQVEsQ0FBa0MsRUFBQyxLQUFLLEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUMsQ0FBQyxJQUFBLEVBQXRHLFNBQVMsUUFBQSxFQUFFLGFBQWEsUUFBOEUsQ0FBQztJQUN4RyxJQUFB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
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { SelectType } from './GraphContext';
|
|
3
|
-
interface IProps {
|
|
4
|
-
showZoom: boolean;
|
|
5
|
-
showPan: boolean;
|
|
6
|
-
showReset: boolean;
|
|
7
|
-
showSelect: boolean;
|
|
8
|
-
showDownload: boolean;
|
|
9
|
-
showCapture: boolean;
|
|
10
|
-
currentSelection: SelectType;
|
|
11
|
-
setSelection: (selection: ButtonType) => void;
|
|
12
|
-
x: number;
|
|
13
|
-
y: number;
|
|
14
|
-
holdOpen?: boolean;
|
|
15
|
-
heightAvaliable: number;
|
|
16
|
-
setWidth: (w: number) => void;
|
|
17
|
-
children: React.ReactNode;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
declare const InteractiveButtons: React.MemoExoticComponent<(props: IProps) => JSX.Element | null>;
|
|
21
|
-
export default InteractiveButtons;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { SelectType } from './GraphContext';
|
|
3
|
+
interface IProps {
|
|
4
|
+
showZoom: boolean;
|
|
5
|
+
showPan: boolean;
|
|
6
|
+
showReset: boolean;
|
|
7
|
+
showSelect: boolean;
|
|
8
|
+
showDownload: boolean;
|
|
9
|
+
showCapture: boolean;
|
|
10
|
+
currentSelection: SelectType;
|
|
11
|
+
setSelection: (selection: ButtonType) => void;
|
|
12
|
+
x: number;
|
|
13
|
+
y: number;
|
|
14
|
+
holdOpen?: boolean;
|
|
15
|
+
heightAvaliable: number;
|
|
16
|
+
setWidth: (w: number) => void;
|
|
17
|
+
children: React.ReactNode;
|
|
18
|
+
}
|
|
19
|
+
type ButtonType = SelectType | 'reset' | 'download' | 'capture' | 'collaspe' | 'custom';
|
|
20
|
+
declare const InteractiveButtons: React.MemoExoticComponent<(props: IProps) => JSX.Element | null>;
|
|
21
|
+
export default InteractiveButtons;
|