@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/HeatMapChart.js
CHANGED
|
@@ -1,119 +1,119 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
// ******************************************************************************************************
|
|
3
|
-
// HeatMapChart.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
|
-
// 09/05/2021 - 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 helper_functions_1 = require("@gpa-gemstone/helper-functions");
|
|
43
|
-
var GraphContext_1 = require("./GraphContext");
|
|
44
|
-
var PointNode_1 = require("./PointNode");
|
|
45
|
-
var HeatLegend_1 = require("./HeatLegend");
|
|
46
|
-
function HeatMapChart(props) {
|
|
47
|
-
/*
|
|
48
|
-
Single Line with ability to turn off and on.
|
|
49
|
-
*/
|
|
50
|
-
var _a = __read(React.useState(""), 2), guid = _a[0], setGuid = _a[1];
|
|
51
|
-
var _b = __read(React.useState(null), 2), data = _b[0], setData = _b[1];
|
|
52
|
-
var _c = __read(React.useState(0), 2), barWidth = _c[0], setBarWidth = _c[1];
|
|
53
|
-
var context = React.useContext(GraphContext_1.GraphContext);
|
|
54
|
-
var allBarBottoms = React.useMemo(function () { return context.YTransformation(context.YDomain[GraphContext_1.AxisMap.get(props.axis)][0], GraphContext_1.AxisMap.get(props.axis)); }, [context.YTransformation, context.YDomain, props.axis]);
|
|
55
|
-
var zLimits = React.useMemo(function () {
|
|
56
|
-
if (data == null)
|
|
57
|
-
return [0, 1];
|
|
58
|
-
return data.GetLimits(context.XDomain[0], context.XDomain[1], 1);
|
|
59
|
-
}, [data, context.XDomain]);
|
|
60
|
-
function getAllBarOffset() {
|
|
61
|
-
switch (props.barAlign) {
|
|
62
|
-
case 'left':
|
|
63
|
-
return 0;
|
|
64
|
-
case 'center':
|
|
65
|
-
return 0.5 * barWidth;
|
|
66
|
-
case 'right':
|
|
67
|
-
return barWidth;
|
|
68
|
-
}
|
|
69
|
-
return 0;
|
|
70
|
-
}
|
|
71
|
-
var allBarOffset = getAllBarOffset();
|
|
72
|
-
React.useEffect(function () {
|
|
73
|
-
if (data == null)
|
|
74
|
-
return;
|
|
75
|
-
if (props.sampleMs !== undefined) {
|
|
76
|
-
setBarWidth(context.XTransformation(data.minT + props.sampleMs) - context.XTransformation(data.minT));
|
|
77
|
-
return;
|
|
78
|
-
}
|
|
79
|
-
setBarWidth((context.XTransformation(data.maxT) - context.XTransformation(data.minT)) / data.GetFullData().length);
|
|
80
|
-
}, [data, context.XTransformation, props.sampleMs]);
|
|
81
|
-
var createLegend = React.useCallback(function () {
|
|
82
|
-
return React.createElement(HeatLegend_1.default, { size: 'lg', unitLabel: props.legendUnit, enabled: true, minColor: (0, helper_functions_1.HsvToHex)(props.hue, props.saturation, 1), maxColor: (0, helper_functions_1.HsvToHex)(props.hue, props.saturation, 0), minValue: zLimits[0], maxValue: zLimits[1] });
|
|
83
|
-
}, [props.legendUnit, zLimits, props.hue, props.saturation]);
|
|
84
|
-
React.useEffect(function () {
|
|
85
|
-
setData(new PointNode_1.PointNode(props.data));
|
|
86
|
-
}, [props.data]);
|
|
87
|
-
React.useEffect(function () {
|
|
88
|
-
if (guid === "")
|
|
89
|
-
return;
|
|
90
|
-
context.UpdateData(guid, {
|
|
91
|
-
axis: props.axis,
|
|
92
|
-
legend: createLegend(),
|
|
93
|
-
enabled: true,
|
|
94
|
-
getMax: function (t) { return (data == null ? -Infinity : data.GetLimits(t[0], t[1], 0)[1]); },
|
|
95
|
-
getMin: function (t) { return (data == null ? Infinity : data.GetLimits(t[0], t[1], 0)[0]); },
|
|
96
|
-
});
|
|
97
|
-
}, [props, data, createLegend]);
|
|
98
|
-
React.useEffect(function () {
|
|
99
|
-
var id = context.AddData({
|
|
100
|
-
axis: props.axis,
|
|
101
|
-
legend: createLegend(),
|
|
102
|
-
enabled: false,
|
|
103
|
-
getMax: function (t) { return (data == null ? -Infinity : data.GetLimits(t[0], t[1], 0)[1]); },
|
|
104
|
-
getMin: function (t) { return (data == null ? Infinity : data.GetLimits(t[0], t[1], 0)[0]); },
|
|
105
|
-
});
|
|
106
|
-
setGuid(id);
|
|
107
|
-
return function () { context.RemoveData(id); };
|
|
108
|
-
}, []);
|
|
109
|
-
return (React.createElement("g", null, data == null ? null :
|
|
110
|
-
data.GetFullData().map(function (pt, i) {
|
|
111
|
-
var _a;
|
|
112
|
-
var barTop = context.YTransformation(pt[1] + ((_a = props.binSize) !== null && _a !== void 0 ? _a : 0), GraphContext_1.AxisMap.get(props.axis));
|
|
113
|
-
var value = 1 - (pt[2] - zLimits[0]) / (zLimits[1] - zLimits[0]);
|
|
114
|
-
var color = (0, helper_functions_1.HsvToHex)(props.hue, props.saturation, value);
|
|
115
|
-
return React.createElement("rect", { key: i, x: context.XTransformation(pt[0]) - allBarOffset, y: barTop, width: barWidth, height: Math.abs(barTop - (props.binSize !== undefined ? context.YTransformation(pt[1], GraphContext_1.AxisMap.get(props.axis)) : allBarBottoms)), fill: color, stroke: color });
|
|
116
|
-
})));
|
|
117
|
-
}
|
|
118
|
-
exports.default = HeatMapChart;
|
|
119
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
"use strict";
|
|
2
|
+
// ******************************************************************************************************
|
|
3
|
+
// HeatMapChart.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
|
+
// 09/05/2021 - 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 helper_functions_1 = require("@gpa-gemstone/helper-functions");
|
|
43
|
+
var GraphContext_1 = require("./GraphContext");
|
|
44
|
+
var PointNode_1 = require("./PointNode");
|
|
45
|
+
var HeatLegend_1 = require("./HeatLegend");
|
|
46
|
+
function HeatMapChart(props) {
|
|
47
|
+
/*
|
|
48
|
+
Single Line with ability to turn off and on.
|
|
49
|
+
*/
|
|
50
|
+
var _a = __read(React.useState(""), 2), guid = _a[0], setGuid = _a[1];
|
|
51
|
+
var _b = __read(React.useState(null), 2), data = _b[0], setData = _b[1];
|
|
52
|
+
var _c = __read(React.useState(0), 2), barWidth = _c[0], setBarWidth = _c[1];
|
|
53
|
+
var context = React.useContext(GraphContext_1.GraphContext);
|
|
54
|
+
var allBarBottoms = React.useMemo(function () { return context.YTransformation(context.YDomain[GraphContext_1.AxisMap.get(props.axis)][0], GraphContext_1.AxisMap.get(props.axis)); }, [context.YTransformation, context.YDomain, props.axis]);
|
|
55
|
+
var zLimits = React.useMemo(function () {
|
|
56
|
+
if (data == null)
|
|
57
|
+
return [0, 1];
|
|
58
|
+
return data.GetLimits(context.XDomain[0], context.XDomain[1], 1);
|
|
59
|
+
}, [data, context.XDomain]);
|
|
60
|
+
function getAllBarOffset() {
|
|
61
|
+
switch (props.barAlign) {
|
|
62
|
+
case 'left':
|
|
63
|
+
return 0;
|
|
64
|
+
case 'center':
|
|
65
|
+
return 0.5 * barWidth;
|
|
66
|
+
case 'right':
|
|
67
|
+
return barWidth;
|
|
68
|
+
}
|
|
69
|
+
return 0;
|
|
70
|
+
}
|
|
71
|
+
var allBarOffset = getAllBarOffset();
|
|
72
|
+
React.useEffect(function () {
|
|
73
|
+
if (data == null)
|
|
74
|
+
return;
|
|
75
|
+
if (props.sampleMs !== undefined) {
|
|
76
|
+
setBarWidth(context.XTransformation(data.minT + props.sampleMs) - context.XTransformation(data.minT));
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
setBarWidth((context.XTransformation(data.maxT) - context.XTransformation(data.minT)) / data.GetFullData().length);
|
|
80
|
+
}, [data, context.XTransformation, props.sampleMs]);
|
|
81
|
+
var createLegend = React.useCallback(function () {
|
|
82
|
+
return React.createElement(HeatLegend_1.default, { size: 'lg', unitLabel: props.legendUnit, enabled: true, minColor: (0, helper_functions_1.HsvToHex)(props.hue, props.saturation, 1), maxColor: (0, helper_functions_1.HsvToHex)(props.hue, props.saturation, 0), minValue: zLimits[0], maxValue: zLimits[1] });
|
|
83
|
+
}, [props.legendUnit, zLimits, props.hue, props.saturation]);
|
|
84
|
+
React.useEffect(function () {
|
|
85
|
+
setData(new PointNode_1.PointNode(props.data));
|
|
86
|
+
}, [props.data]);
|
|
87
|
+
React.useEffect(function () {
|
|
88
|
+
if (guid === "")
|
|
89
|
+
return;
|
|
90
|
+
context.UpdateData(guid, {
|
|
91
|
+
axis: props.axis,
|
|
92
|
+
legend: createLegend(),
|
|
93
|
+
enabled: true,
|
|
94
|
+
getMax: function (t) { return (data == null ? -Infinity : data.GetLimits(t[0], t[1], 0)[1]); },
|
|
95
|
+
getMin: function (t) { return (data == null ? Infinity : data.GetLimits(t[0], t[1], 0)[0]); },
|
|
96
|
+
});
|
|
97
|
+
}, [props, data, createLegend]);
|
|
98
|
+
React.useEffect(function () {
|
|
99
|
+
var id = context.AddData({
|
|
100
|
+
axis: props.axis,
|
|
101
|
+
legend: createLegend(),
|
|
102
|
+
enabled: false,
|
|
103
|
+
getMax: function (t) { return (data == null ? -Infinity : data.GetLimits(t[0], t[1], 0)[1]); },
|
|
104
|
+
getMin: function (t) { return (data == null ? Infinity : data.GetLimits(t[0], t[1], 0)[0]); },
|
|
105
|
+
});
|
|
106
|
+
setGuid(id);
|
|
107
|
+
return function () { context.RemoveData(id); };
|
|
108
|
+
}, []);
|
|
109
|
+
return (React.createElement("g", null, data == null ? null :
|
|
110
|
+
data.GetFullData().map(function (pt, i) {
|
|
111
|
+
var _a;
|
|
112
|
+
var barTop = context.YTransformation(pt[1] + ((_a = props.binSize) !== null && _a !== void 0 ? _a : 0), GraphContext_1.AxisMap.get(props.axis));
|
|
113
|
+
var value = 1 - (pt[2] - zLimits[0]) / (zLimits[1] - zLimits[0]);
|
|
114
|
+
var color = (0, helper_functions_1.HsvToHex)(props.hue, props.saturation, value);
|
|
115
|
+
return React.createElement("rect", { key: i, x: context.XTransformation(pt[0]) - allBarOffset, y: barTop, width: barWidth, height: Math.abs(barTop - (props.binSize !== undefined ? context.YTransformation(pt[1], GraphContext_1.AxisMap.get(props.axis)) : allBarBottoms)), fill: color, stroke: color });
|
|
116
|
+
})));
|
|
117
|
+
}
|
|
118
|
+
exports.default = HeatMapChart;
|
|
119
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVhdE1hcENoYXJ0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vc3JjL0hlYXRNYXBDaGFydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLHlHQUF5RztBQUN6RywyQkFBMkI7QUFDM0IsRUFBRTtBQUNGLHFFQUFxRTtBQUNyRSxFQUFFO0FBQ0Ysd0dBQXdHO0FBQ3hHLHdHQUF3RztBQUN4RyxzR0FBc0c7QUFDdEcsd0ZBQXdGO0FBQ3hGLEVBQUU7QUFDRiwwQ0FBMEM7QUFDMUMsRUFBRTtBQUNGLHdHQUF3RztBQUN4Ryx3R0FBd0c7QUFDeEcsNEVBQTRFO0FBQzVFLEVBQUU7QUFDRiw4QkFBOEI7QUFDOUIsd0dBQXdHO0FBQ3hHLDBCQUEwQjtBQUMxQixtREFBbUQ7QUFDbkQsRUFBRTtBQUNGLHlHQUF5Rzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBR3pHLDZCQUErQjtBQUMvQixtRUFBd0Q7QUFDeEQsK0NBQTZGO0FBQzdGLHlDQUFzQztBQUN0QywyQ0FBc0M7QUFrQnRDLFNBQVMsWUFBWSxDQUFDLEtBQWE7SUFDL0I7O01BRUU7SUFDSSxJQUFBLEtBQUEsT0FBa0IsS0FBSyxDQUFDLFFBQVEsQ0FBUyxFQUFFLENBQUMsSUFBQSxFQUEzQyxJQUFJLFFBQUEsRUFBRSxPQUFPLFFBQThCLENBQUM7SUFDN0MsSUFBQSxLQUFBLE9BQWtCLEtBQUssQ0FBQyxRQUFRLENBQWlCLElBQUksQ0FBQyxJQUFBLEVBQXJELElBQUksUUFBQSxFQUFFLE9BQU8sUUFBd0MsQ0FBQztJQUN2RCxJQUFBLEtBQUEsT0FBMEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUFsRCxRQUFRLFFBQUEsRUFBRSxXQUFXLFFBQTZCLENBQUM7SUFDMUQsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQywyQkFBWSxDQUFDLENBQUM7SUFFL0MsSUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBUyxjQUFNLE9BQUEsT0FBTyxD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QUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsR0FBRyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUNuRSxJQUFNLEtBQUssR0FBRyxJQUFBLDJCQUFRLEVBQUMsS0FBSyxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxDQUFDO1lBQzNELE9BQU8sOEJBQU0sR0FBRyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsT0FBTyxDQUFDLGVBQWUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxZQUFZLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUNqRyxNQUFNLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxNQUFNLEdBQUMsQ0FBQyxLQUFLLENBQUMsT0FBTyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLGVBQWUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsc0JBQU8sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsS0FBSyxHQUFHLENBQUE7UUFDbkssQ0FBQyxDQUFDLENBRU4sQ0FDUCxDQUFDO0FBQ04sQ0FBQztBQUVELGtCQUFlLFlBQVksQ0FBQyJ9
|
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
export default HorizontalMarker;
|
|
1
|
+
import { AxisIdentifier, LineStyle } from './GraphContext';
|
|
2
|
+
export interface IProps {
|
|
3
|
+
start?: number;
|
|
4
|
+
end?: number;
|
|
5
|
+
Value: number;
|
|
6
|
+
setValue?: (y: number) => void;
|
|
7
|
+
color: string;
|
|
8
|
+
lineStyle: LineStyle;
|
|
9
|
+
width: number;
|
|
10
|
+
axis?: AxisIdentifier;
|
|
11
|
+
}
|
|
12
|
+
declare function HorizontalMarker(props: IProps): JSX.Element;
|
|
13
|
+
export default HorizontalMarker;
|
package/lib/HorizontalMarker.js
CHANGED
|
@@ -1,110 +1,110 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
// ******************************************************************************************************
|
|
3
|
-
// HorizontalMarker.tsx - Gbtc
|
|
4
|
-
//
|
|
5
|
-
// Copyright © 2022, 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
|
-
// 04/29/2022 - C Lackner
|
|
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
|
-
function HorizontalMarker(props) {
|
|
44
|
-
/*
|
|
45
|
-
Marks a Y Value horizontally as a line.
|
|
46
|
-
*/
|
|
47
|
-
var context = React.useContext(GraphContext_1.GraphContext);
|
|
48
|
-
var _a = __read(React.useState(props.Value), 2), value = _a[0], setValue = _a[1];
|
|
49
|
-
var _b = __read(React.useState(false), 2), isSelected = _b[0], setSelected = _b[1];
|
|
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 "
|
|
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, context.YTransformation]);
|
|
64
|
-
React.useEffect(function () {
|
|
65
|
-
var id = context.RegisterSelect({
|
|
66
|
-
axis: props.axis,
|
|
67
|
-
allowSnapping: false,
|
|
68
|
-
onClick: onClick,
|
|
69
|
-
onRelease: function (_) { return setSelected(false); },
|
|
70
|
-
onPlotLeave: function (_) { return setSelected(false); }
|
|
71
|
-
});
|
|
72
|
-
setGuid(id);
|
|
73
|
-
return function () { context.RemoveSelect(id); };
|
|
74
|
-
}, []);
|
|
75
|
-
React.useEffect(function () {
|
|
76
|
-
if (guid === "")
|
|
77
|
-
return;
|
|
78
|
-
context.UpdateSelect(guid, {
|
|
79
|
-
axis: props.axis,
|
|
80
|
-
allowSnapping: false,
|
|
81
|
-
onClick: onClick,
|
|
82
|
-
onRelease: function (_) { return setSelected(false); },
|
|
83
|
-
onPlotLeave: function (_) { return setSelected(false); }
|
|
84
|
-
});
|
|
85
|
-
}, [onClick]);
|
|
86
|
-
React.useEffect(function () {
|
|
87
|
-
setValue(props.Value);
|
|
88
|
-
}, [props.Value]);
|
|
89
|
-
React.useEffect(function () {
|
|
90
|
-
if (props.setValue === undefined)
|
|
91
|
-
return;
|
|
92
|
-
if (!isSelected && props.Value !== value)
|
|
93
|
-
props.setValue(value);
|
|
94
|
-
}, [isSelected, value]);
|
|
95
|
-
React.useEffect(function () {
|
|
96
|
-
if (context.CurrentMode !== 'select')
|
|
97
|
-
setSelected(false);
|
|
98
|
-
}, [context.CurrentMode]);
|
|
99
|
-
React.useEffect(function () {
|
|
100
|
-
if (isSelected)
|
|
101
|
-
setValue(context.YHoverSnap[GraphContext_1.AxisMap.get(props.axis)]);
|
|
102
|
-
}, [context.YHoverSnap, props.axis]);
|
|
103
|
-
return (React.createElement("g", null,
|
|
104
|
-
React.createElement("path", { d: generateData(props.Value), style: { fill: 'none', strokeWidth: props.width, stroke: props.color }, strokeDasharray: GraphContext_1.LineMap.get(props.lineStyle) }),
|
|
105
|
-
props.setValue !== undefined && props.Value !== value && isSelected ?
|
|
106
|
-
React.createElement("path", { d: generateData(value), style: { fill: 'none', strokeWidth: props.width, stroke: props.color, opacity: 0.5 }, strokeDasharray: GraphContext_1.LineMap.get(props.lineStyle) })
|
|
107
|
-
: null));
|
|
108
|
-
}
|
|
109
|
-
exports.default = HorizontalMarker;
|
|
110
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
"use strict";
|
|
2
|
+
// ******************************************************************************************************
|
|
3
|
+
// HorizontalMarker.tsx - Gbtc
|
|
4
|
+
//
|
|
5
|
+
// Copyright © 2022, 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
|
+
// 04/29/2022 - C Lackner
|
|
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
|
+
function HorizontalMarker(props) {
|
|
44
|
+
/*
|
|
45
|
+
Marks a Y Value horizontally as a line.
|
|
46
|
+
*/
|
|
47
|
+
var context = React.useContext(GraphContext_1.GraphContext);
|
|
48
|
+
var _a = __read(React.useState(props.Value), 2), value = _a[0], setValue = _a[1];
|
|
49
|
+
var _b = __read(React.useState(false), 2), isSelected = _b[0], setSelected = _b[1];
|
|
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 ".concat(context.XTransformation(x1), " ").concat(context.YTransformation(v, axis), " L ").concat(context.XTransformation(x2), " ").concat(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, context.YTransformation]);
|
|
64
|
+
React.useEffect(function () {
|
|
65
|
+
var id = context.RegisterSelect({
|
|
66
|
+
axis: props.axis,
|
|
67
|
+
allowSnapping: false,
|
|
68
|
+
onClick: onClick,
|
|
69
|
+
onRelease: function (_) { return setSelected(false); },
|
|
70
|
+
onPlotLeave: function (_) { return setSelected(false); }
|
|
71
|
+
});
|
|
72
|
+
setGuid(id);
|
|
73
|
+
return function () { context.RemoveSelect(id); };
|
|
74
|
+
}, []);
|
|
75
|
+
React.useEffect(function () {
|
|
76
|
+
if (guid === "")
|
|
77
|
+
return;
|
|
78
|
+
context.UpdateSelect(guid, {
|
|
79
|
+
axis: props.axis,
|
|
80
|
+
allowSnapping: false,
|
|
81
|
+
onClick: onClick,
|
|
82
|
+
onRelease: function (_) { return setSelected(false); },
|
|
83
|
+
onPlotLeave: function (_) { return setSelected(false); }
|
|
84
|
+
});
|
|
85
|
+
}, [onClick]);
|
|
86
|
+
React.useEffect(function () {
|
|
87
|
+
setValue(props.Value);
|
|
88
|
+
}, [props.Value]);
|
|
89
|
+
React.useEffect(function () {
|
|
90
|
+
if (props.setValue === undefined)
|
|
91
|
+
return;
|
|
92
|
+
if (!isSelected && props.Value !== value)
|
|
93
|
+
props.setValue(value);
|
|
94
|
+
}, [isSelected, value]);
|
|
95
|
+
React.useEffect(function () {
|
|
96
|
+
if (context.CurrentMode !== 'select')
|
|
97
|
+
setSelected(false);
|
|
98
|
+
}, [context.CurrentMode]);
|
|
99
|
+
React.useEffect(function () {
|
|
100
|
+
if (isSelected)
|
|
101
|
+
setValue(context.YHoverSnap[GraphContext_1.AxisMap.get(props.axis)]);
|
|
102
|
+
}, [context.YHoverSnap, props.axis]);
|
|
103
|
+
return (React.createElement("g", null,
|
|
104
|
+
React.createElement("path", { d: generateData(props.Value), style: { fill: 'none', strokeWidth: props.width, stroke: props.color }, strokeDasharray: GraphContext_1.LineMap.get(props.lineStyle) }),
|
|
105
|
+
props.setValue !== undefined && props.Value !== value && isSelected ?
|
|
106
|
+
React.createElement("path", { d: generateData(value), style: { fill: 'none', strokeWidth: props.width, stroke: props.color, opacity: 0.5 }, strokeDasharray: GraphContext_1.LineMap.get(props.lineStyle) })
|
|
107
|
+
: null));
|
|
108
|
+
}
|
|
109
|
+
exports.default = HorizontalMarker;
|
|
110
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSG9yaXpvbnRhbE1hcmtlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9Ib3Jpem9udGFsTWFya2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEseUdBQXlHO0FBQ3pHLCtCQUErQjtBQUMvQixFQUFFO0FBQ0YscUVBQXFFO0FBQ3JFLEVBQUU7QUFDRix3R0FBd0c7QUFDeEcsd0dBQXdHO0FBQ3hHLHNHQUFzRztBQUN0Ryx3RkFBd0Y7QUFDeEYsRUFBRTtBQUNGLDBDQUEwQztBQUMxQyxFQUFFO0FBQ0Ysd0dBQXdHO0FBQ3hHLHdHQUF3RztBQUN4Ryw0RUFBNEU7QUFDNUUsRUFBRTtBQUNGLDhCQUE4QjtBQUM5Qix3R0FBd0c7QUFDeEcsMEJBQTBCO0FBQzFCLG1EQUFtRDtBQUNuRCxFQUFFO0FBQ0YseUdBQXlHOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFHekcsNkJBQStCO0FBQy9CLCtDQUFvRztBQWFwRyxTQUFTLGdCQUFnQixDQUFDLEtBQWE7SUFDckM7O01BRUU7SUFDRixJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLDJCQUFZLENBQUMsQ0FBQTtJQUN4QyxJQUFBLEtBQUEsT0FBb0IsS0FBSyxDQUFDLFFBQVEsQ0FBUyxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUEsRUFBdEQsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUF1QyxDQUFDO0lBQ3hELElBQUEsS0FBQSxPQUE0QixLQUFLLENBQUMsUUFBUSxDQUFVLEtBQUssQ0FBQyxJQUFBLEVBQXpELFVBQVUsUUFBQSxFQUFFLFdBQVcsUUFBa0MsQ0FBQztJQUMzRCxJQUFBLEtBQUEsT0FBa0IsS0FBSyxDQUFDLFFBQVEsQ0FBUyxFQUFFLENBQUMsSUFBQSxFQUEzQyxJQUFJLFFBQUEsRUFBRSxPQUFPLFFBQThCLENBQUM7SUFFbkQsU0FBUyxZQUFZLENBQUMsQ0FBUztRQUM3QixJQUFNLElBQUksR0FBRyxzQkFBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMs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
|
package/lib/Infobox.d.ts
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { AxisIdentifier } from './GraphContext';
|
|
3
|
-
interface IProps {
|
|
4
|
-
x: number;
|
|
5
|
-
y: number;
|
|
6
|
-
usePixelPositioning?: boolean;
|
|
7
|
-
disallowSnapping?: boolean;
|
|
8
|
-
axis?: AxisIdentifier;
|
|
9
|
-
origin?: "upper-right" | "upper-left" | "upper-center" | "lower-right" | "lower-left" | "lower-center";
|
|
10
|
-
offset?: number;
|
|
11
|
-
childId: string;
|
|
12
|
-
opacity?: number;
|
|
13
|
-
setPosition?: (x: number, y: number) => void;
|
|
14
|
-
onMouseMove?: (x: number, y: number) => void;
|
|
15
|
-
}
|
|
16
|
-
declare const Infobox: React.FunctionComponent<IProps>;
|
|
17
|
-
export default Infobox;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { AxisIdentifier } from './GraphContext';
|
|
3
|
+
interface IProps {
|
|
4
|
+
x: number;
|
|
5
|
+
y: number;
|
|
6
|
+
usePixelPositioning?: boolean;
|
|
7
|
+
disallowSnapping?: boolean;
|
|
8
|
+
axis?: AxisIdentifier;
|
|
9
|
+
origin?: "upper-right" | "upper-left" | "upper-center" | "lower-right" | "lower-left" | "lower-center";
|
|
10
|
+
offset?: number;
|
|
11
|
+
childId: string;
|
|
12
|
+
opacity?: number;
|
|
13
|
+
setPosition?: (x: number, y: number) => void;
|
|
14
|
+
onMouseMove?: (x: number, y: number) => void;
|
|
15
|
+
}
|
|
16
|
+
declare const Infobox: React.FunctionComponent<IProps>;
|
|
17
|
+
export default Infobox;
|