@gpa-gemstone/react-graph 1.0.88 → 1.0.90
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/Bar.d.ts +46 -0
- package/lib/Bar.js +131 -0
- package/lib/BarAggregate.d.ts +6 -0
- package/lib/BarAggregate.js +78 -0
- package/lib/CircleGroups.d.ts +18 -0
- package/lib/CircleGroups.js +117 -0
- package/lib/{LineLegend.d.ts → DataLegend.d.ts} +4 -4
- package/lib/DataLegend.js +143 -0
- package/lib/Infobox.d.ts +1 -1
- package/lib/Infobox.js +7 -1
- package/lib/Legend.d.ts +8 -10
- package/lib/Legend.js +51 -63
- package/lib/LegendEntry.js +3 -3
- package/lib/LegendWithContext.d.ts +18 -0
- package/lib/LegendWithContext.js +64 -0
- package/lib/Line.d.ts +1 -0
- package/lib/Line.js +14 -11
- package/lib/LineWithThreshold.js +3 -3
- package/lib/Plot.d.ts +6 -0
- package/lib/Plot.js +107 -82
- package/lib/XValueAxis.d.ts +2 -0
- package/lib/XValueAxis.js +11 -8
- package/lib/index.d.ts +6 -1
- package/lib/index.js +12 -2
- package/package.json +2 -2
- package/lib/LineLegend.js +0 -94
package/lib/XValueAxis.d.ts
CHANGED
|
@@ -3,11 +3,13 @@ export interface IProps {
|
|
|
3
3
|
offsetLeft: number;
|
|
4
4
|
offsetRight: number;
|
|
5
5
|
offsetBottom: number;
|
|
6
|
+
offsetTop: number;
|
|
6
7
|
heightAxis: number;
|
|
7
8
|
height: number;
|
|
8
9
|
width: number;
|
|
9
10
|
setHeight: (h: number) => void;
|
|
10
11
|
label?: string;
|
|
12
|
+
showGrid?: boolean;
|
|
11
13
|
showRightMostTick?: boolean;
|
|
12
14
|
showLeftMostTick?: boolean;
|
|
13
15
|
}
|
package/lib/XValueAxis.js
CHANGED
|
@@ -51,13 +51,13 @@ var React = require("react");
|
|
|
51
51
|
var GraphContext_1 = require("./GraphContext");
|
|
52
52
|
var helper_functions_1 = require("@gpa-gemstone/helper-functions");
|
|
53
53
|
function XValueAxis(props) {
|
|
54
|
-
var _a, _b, _c, _d;
|
|
54
|
+
var _a, _b, _c, _d, _e;
|
|
55
55
|
var context = React.useContext(GraphContext_1.GraphContext);
|
|
56
|
-
var
|
|
57
|
-
var
|
|
58
|
-
var
|
|
59
|
-
var
|
|
60
|
-
var
|
|
56
|
+
var _f = __read(React.useState([]), 2), tick = _f[0], setTick = _f[1];
|
|
57
|
+
var _g = __read(React.useState(0), 2), hLabel = _g[0], setHlabel = _g[1];
|
|
58
|
+
var _h = __read(React.useState(0), 2), hAxis = _h[0], setHAxis = _h[1];
|
|
59
|
+
var _j = __read(React.useState(props.label), 2), title = _j[0], setTitle = _j[1];
|
|
60
|
+
var _k = __read(React.useState(0), 2), decimalPlaces = _k[0], setDecimalPlaces = _k[1];
|
|
61
61
|
// Adjust space for X Axis labels
|
|
62
62
|
React.useEffect(function () {
|
|
63
63
|
setHlabel(title != null ? (0, helper_functions_1.GetTextHeight)('Segoe UI', '1em', title) : 0);
|
|
@@ -99,7 +99,10 @@ function XValueAxis(props) {
|
|
|
99
99
|
((_d = props.showRightMostTick) !== null && _d !== void 0 ? _d : true) ? (React.createElement("path", { stroke: "currentColor", style: { strokeWidth: 1 }, d: "M ".concat(props.width - props.offsetRight, " ").concat(props.height - props.offsetBottom, " v 8") })) : null,
|
|
100
100
|
(React.createElement(React.Fragment, null,
|
|
101
101
|
tick.map(function (l, i) { return (React.createElement("path", { key: i, stroke: "currentColor", style: { strokeWidth: 1, transition: 'd 0.5s' }, d: "M ".concat(context.XTransformation(l), " ").concat(props.height - props.offsetBottom + 6, " v -6") })); }),
|
|
102
|
-
tick.map(function (l, i) { return (React.createElement("text", { fill: "currentColor", key: i, style: { fontSize: '1em', textAnchor: 'middle', dominantBaseline: 'hanging', transition: 'x 0.5s, y 0.5s', }, y: props.height - props.offsetBottom + 8, x: context.XTransformation(l) }, formatNumber(l, decimalPlaces))); })
|
|
102
|
+
tick.map(function (l, i) { return (React.createElement("text", { fill: "currentColor", key: i, style: { fontSize: '1em', textAnchor: 'middle', dominantBaseline: 'hanging', transition: 'x 0.5s, y 0.5s', }, y: props.height - props.offsetBottom + 8, x: context.XTransformation(l) }, formatNumber(l, decimalPlaces))); }),
|
|
103
|
+
((_e = props.showGrid) !== null && _e !== void 0 ? _e : false) ? tick.map(function (l, i) {
|
|
104
|
+
return React.createElement("path", { key: (l.toFixed(50)), stroke: 'lightgrey', strokeOpacity: '0.8', style: { strokeWidth: 1, transition: 'd 0.5s' }, d: "M ".concat(context.XTransformation(l), " ").concat(props.height - props.offsetBottom, " V ").concat(props.offsetTop) });
|
|
105
|
+
}) : React.createElement(React.Fragment, null))),
|
|
103
106
|
title != null ? (React.createElement("text", { fill: "currentColor", style: { fontSize: '1em', textAnchor: 'middle', dominantBaseline: 'middle' }, x: props.offsetLeft + (props.width - props.offsetLeft - props.offsetRight) / 2, y: props.height - props.offsetBottom + hAxis }, title)) : null));
|
|
104
107
|
}
|
|
105
108
|
//helper functions
|
|
@@ -126,4 +129,4 @@ var calculateTickInterval = function (min, max) {
|
|
|
126
129
|
return { tickInterval: tickInterval, decimalPlaces: decimalPlaces };
|
|
127
130
|
};
|
|
128
131
|
exports.default = React.memo(XValueAxis);
|
|
129
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
132
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiWFZhbHVlQXhpcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9YVmFsdWVBeGlzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEseUdBQXlHO0FBQ3pHLHlCQUF5QjtBQUN6QixFQUFFO0FBQ0YscUVBQXFFO0FBQ3JFLEVBQUU7QUFDRix3R0FBd0c7QUFDeEcsd0dBQXdHO0FBQ3hHLHNHQUFzRztBQUN0Ryx3RkFBd0Y7QUFDeEYsRUFBRTtBQUNGLDBDQUEwQztBQUMxQyxFQUFFO0FBQ0Ysd0dBQXdHO0FBQ3hHLHdHQUF3RztBQUN4Ryw0RUFBNEU7QUFDNUUsRUFBRTtBQUNGLDhCQUE4QjtBQUM5Qix3R0FBd0c7QUFDeEcsaUNBQWlDO0FBQ2pDLG1EQUFtRDtBQUNuRCxFQUFFO0FBQ0YseUdBQXlHOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFekcsNkJBQStCO0FBQy9CLCtDQUE4QztBQUM5QyxtRUFBK0Q7QUFpQi9ELFNBQVMsVUFBVSxDQUFDLEtBQWE7O0lBQzdCLElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsMkJBQVksQ0FBQyxDQUFDO0lBQ3pDLElBQUEsS0FBQSxPQUFrQixLQUFLLENBQUMsUUFBUSxDQUFXLEVBQUUsQ0FBQyxJQUFBLEVBQTdDLElBQUksUUFBQSxFQUFFLE9BQU8sUUFBZ0MsQ0FBQztJQUMvQyxJQUFBLEtBQUEsT0FBc0IsS0FBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUE5QyxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQTZCLENBQUM7SUFDaEQsSUFBQSxLQUFBLE9BQW9CLEtBQUssQ0FBQyxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBNUMsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUE2QixDQUFDO0lBQzlDLElBQUEsS0FBQSxPQUFvQixLQUFLLENBQUMsUUFBUSxDQUFxQixLQUFLLENBQUMsS0FBSyxDQUFDLElBQUEsRUFBbEUsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUFtRCxDQUFDO0lBQ3BFLElBQUEsS0FBQSxPQUFvQyxLQUFLLENBQUMsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQTVELGFBQWEsUUFBQSxFQUFFLGdCQUFnQixRQUE2QixDQUFDO0lBRXBFLGlDQUFpQztJQUNqQyxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ1osU0FBUyxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUEsZ0NBQWEsRUFBQyxVQUFVLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMzRSxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBRVosb0JBQW9CO0lBQ3BCLEtBQUssQ0FBQyxTQUFTLENBQUM7O1FBQ1osUUFBUSxDQUFDLE1BQUEsS0FBSyxDQUFDLEtBQUssbUNBQUksRUFBRSxDQUFDLENBQUE7SUFDL0IsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFFbEIsaUJBQWlCO0lBQ2pCLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDWixJQUFNLE1BQU0sR0FBRyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxHQUFHLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDdkQsSUFBSSxNQUFNLEtBQUssQ0FBQztZQUFFLE9BQU87UUFFbkIsSUFBQSxLQUFrQyxxQkFBcUIsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBN0YsWUFBWSxrQkFBQSxFQUFFLGFBQWEsbUJBQWtFLENBQUM7UUFFdEcsSUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxHQUFHLFlBQVksQ0FBQyxHQUFHLFlBQVksQ0FBQztRQUM5RSxJQUFNLE9BQU8sR0FBRyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ25DLElBQU0sUUFBUSxHQUFHLEVBQUUsQ0FBQztRQUVwQixLQUFLLElBQUksQ0FBQyxHQUFHLFNBQVMsRUFBRSxDQUFDLElBQUksT0FBTyxFQUFFLENBQUMsSUFBSSxZQUFZLEVBQUUsQ0FBQztZQUN0RCxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3JCLENBQUM7UUFFRCxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDbEIsZ0JBQWdCLENBQUMsYUFBYSxDQUFDLENBQUM7SUFFcEMsQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFFdEIsZ0NBQWdDO0lBQ2hDLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDWixJQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsR0FBRyxPQUFSLElBQUksMkJBQVEsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLElBQUEsZ0NBQWEsRUFBQyxVQUFVLEVBQUUsS0FBSyxFQUFFLFlBQVksQ0FBQyxDQUFDLEVBQUUsYUFBYSxDQUFDLENBQUMsRUFBaEUsQ0FBZ0UsQ0FBQyxVQUFDLENBQUM7UUFDdEgsSUFBTSxFQUFFLEdBQUcsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDO1FBQ2hFLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUVqQixDQUFDLEVBQUUsQ0FBQyxJQUFJLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQztJQUUxQixvQkFBb0I7SUFDcEIsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNaLElBQUksS0FBSyxHQUFHLE1BQU0sS0FBSyxLQUFLLENBQUMsVUFBVTtZQUNuQyxLQUFLLENBQUMsU0FBUyxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUMsQ0FBQztJQUV4QyxDQUFDLEVBQUUsQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBR3RDLE9BQU8sQ0FDSDtRQUNJLDhCQUFNLE1BQU0sRUFBQyxjQUFjLEVBQUMsS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsRUFBRSxZQUFLLEtBQUssQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFBLE1BQUEsS0FBSyxDQUFDLGdCQUFnQixtQ0FBSSxJQUFJLEVBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLGNBQUksS0FBSyxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsWUFBWSxnQkFBTSxLQUFLLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFBLE1BQUEsS0FBSyxDQUFDLGlCQUFpQixtQ0FBSSxJQUFJLEVBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUUsR0FBSTtRQUVyUCxDQUFBLE1BQUEsS0FBSyxDQUFDLGdCQUFnQixtQ0FBSSxJQUFJLEVBQUMsQ0FBQyxDQUFDLENBQzlCLDhCQUFNLE1BQU0sRUFBQyxjQUFjLEVBQUMsS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsRUFBRSxZQUFLLEtBQUssQ0FBQyxVQUFVLGNBQUksS0FBSyxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsWUFBWSxTQUFNLEdBQUksQ0FDakksQ0FBQyxDQUFDLENBQUMsSUFBSTtRQUVQLENBQUEsTUFBQSxLQUFLLENBQUMsaUJBQWlCLG1DQUFJLElBQUksRUFBQyxDQUFDLENBQUMsQ0FDL0IsOEJBQU0sTUFBTSxFQUFDLGNBQWMsRUFBQyxLQUFLLEVBQUUsRUFBRSxXQUFXLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxFQUFFLFlBQUssS0FBSyxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUMsV0FBVyxjQUFJLEtBQUssQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDLFlBQVksU0FBTSxHQUFJLENBQ2hKLENBQUMsQ0FBQyxDQUFDLElBQUk7UUFDUCxDQUNHO1lBQ0ssSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFDLENBQUMsRUFBRSxDQUFDLElBQUssT0FBQSxDQUNoQiw4QkFBTSxHQUFHLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBQyxjQUFjLEVBQUMsS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLENBQUMsRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLEVBQUUsQ0FBQyxFQUFFLFlBQUssT0FBTyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsY0FBSSxLQUFLLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQyxZQUFZLEdBQUcsQ0FBQyxVQUFPLEdBQUksQ0FDOUssRUFGbUIsQ0FFbkIsQ0FBQztZQUNELElBQUksQ0FBQyxHQUFHLENBQUMsVUFBQyxDQUFDLEVBQUUsQ0FBQyxJQUFLLE9BQUEsQ0FDaEIsOEJBQU0sSUFBSSxFQUFDLGNBQWMsRUFBQyxHQUFHLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxnQkFBZ0IsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixHQUFHLEVBQUUsQ0FBQyxFQUFFLEtBQUssQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDLFlBQVksR0FBRyxDQUFDLEVBQUUsQ0FBQyxFQUFFLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLElBQ2xOLFlBQVksQ0FBQyxDQUFDLEVBQUUsYUFBYSxDQUFDLENBQzVCLENBQ1YsRUFKbUIsQ0FJbkIsQ0FBQztZQUNELENBQUMsTUFBQSxLQUFLLENBQUMsUUFBUSxtQ0FBSSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFDLENBQUMsRUFBRSxDQUFDO2dCQUN2QyxPQUFBLDhCQUNJLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLENBQUMsRUFDcEIsTUFBTSxFQUFDLFdBQVcsRUFDbEIsYUFBYSxFQUFFLEtBQUssRUFDcEIsS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLENBQUMsRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLEVBQy9DLENBQUMsRUFBRSxZQUFLLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLGNBQUksS0FBSyxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsWUFBWSxnQkFBTSxLQUFLLENBQUMsU0FBUyxDQUFFLEdBQ2hHO1lBTkYsQ0FNRSxDQUNMLENBQUEsQ0FBQyxDQUFDLHlDQUFLLENBQ1QsQ0FDTjtRQUNBLEtBQUssSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQ2IsOEJBQU0sSUFBSSxFQUFDLGNBQWMsRUFBQyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEtBQUssQ0FBQyxVQUFVLEdBQUcsQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEVBQUUsS0FBSyxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsWUFBWSxHQUFHLEtBQUssSUFDL04sS0FBSyxDQUNILENBQ1YsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUNSLENBQ1AsQ0FBQztBQUNOLENBQUM7QUFHRCxrQkFBa0I7QUFDbEIsSUFBTSxZQUFZLEdBQUcsVUFBQyxLQUFhLEVBQUUsYUFBcUI7SUFDdEQsT0FBTyxLQUFLLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0FBQ3hDLENBQUMsQ0FBQTtBQUVELElBQU0scUJBQXFCLEdBQUcsVUFBQyxHQUFXLEVBQUUsR0FBVztJQUNuRCxJQUFNLEtBQUssR0FBRyxHQUFHLEdBQUcsR0FBRyxDQUFDO0lBQ3hCLElBQU0sWUFBWSxHQUFHLENBQUMsQ0FBQTtJQUN0QixJQUFNLGVBQWUsR0FBRyxLQUFLLEdBQUcsWUFBWSxDQUFDO0lBRTdDLElBQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDO0lBQ3pELElBQU0sUUFBUSxHQUFHLGVBQWUsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsRUFBRSxRQUFRLENBQUMsQ0FBQztJQUUxRCxJQUFJLFlBQVksQ0FBQztJQUNqQixJQUFJLFFBQVEsSUFBSSxDQUFDO1FBQ2IsWUFBWSxHQUFHLENBQUMsQ0FBQztTQUNoQixJQUFJLFFBQVEsSUFBSSxDQUFDO1FBQ2xCLFlBQVksR0FBRyxDQUFDLENBQUM7U0FDaEIsSUFBSSxRQUFRLElBQUksQ0FBQztRQUNsQixZQUFZLEdBQUcsQ0FBQyxDQUFDOztRQUVqQixZQUFZLEdBQUcsRUFBRSxDQUFDO0lBRXRCLElBQU0sWUFBWSxHQUFHLFlBQVksR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsRUFBRSxRQUFRLENBQUMsQ0FBQztJQUMzRCxJQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFFekUsT0FBTyxFQUFFLFlBQVksY0FBQSxFQUFFLGFBQWEsZUFBQSxFQUFFLENBQUM7QUFDM0MsQ0FBQyxDQUFDO0FBRUYsa0JBQWUsS0FBSyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyJ9
|
package/lib/index.d.ts
CHANGED
|
@@ -16,4 +16,9 @@ import { PointNode } from './PointNode';
|
|
|
16
16
|
import StreamingLine from './StreamingLine';
|
|
17
17
|
import PlotGroup from './PlotGroup';
|
|
18
18
|
import LegendEntry from './LegendEntry';
|
|
19
|
-
|
|
19
|
+
import Legend from './Legend';
|
|
20
|
+
import DataLegend from './DataLegend';
|
|
21
|
+
import Bar from './Bar';
|
|
22
|
+
import BarAggregate from './BarAggregate';
|
|
23
|
+
import CircleGroup from './CircleGroups';
|
|
24
|
+
export { Plot, PlotGroup, Line, HeatMapChart, LineWithThreshold, Button, HorizontalMarker, VerticalMarker, SymbolicMarker, Circle, Pill, AggregatingCircles, Infobox, AxisMap, HighlightBox, PointNode, StreamingLine, LegendEntry, Legend, DataLegend, Bar, BarAggregate, CircleGroup };
|
package/lib/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.LegendEntry = exports.StreamingLine = exports.PointNode = exports.HighlightBox = exports.AxisMap = exports.Infobox = exports.AggregatingCircles = exports.Pill = exports.Circle = exports.SymbolicMarker = exports.VerticalMarker = exports.HorizontalMarker = exports.Button = exports.LineWithThreshold = exports.HeatMapChart = exports.Line = exports.PlotGroup = exports.Plot = void 0;
|
|
3
|
+
exports.CircleGroup = exports.BarAggregate = exports.Bar = exports.DataLegend = exports.Legend = exports.LegendEntry = exports.StreamingLine = exports.PointNode = exports.HighlightBox = exports.AxisMap = exports.Infobox = exports.AggregatingCircles = exports.Pill = exports.Circle = exports.SymbolicMarker = exports.VerticalMarker = exports.HorizontalMarker = exports.Button = exports.LineWithThreshold = exports.HeatMapChart = exports.Line = exports.PlotGroup = exports.Plot = void 0;
|
|
4
4
|
var Plot_1 = require("./Plot");
|
|
5
5
|
exports.Plot = Plot_1.default;
|
|
6
6
|
var Line_1 = require("./Line");
|
|
@@ -37,4 +37,14 @@ var PlotGroup_1 = require("./PlotGroup");
|
|
|
37
37
|
exports.PlotGroup = PlotGroup_1.default;
|
|
38
38
|
var LegendEntry_1 = require("./LegendEntry");
|
|
39
39
|
exports.LegendEntry = LegendEntry_1.default;
|
|
40
|
-
|
|
40
|
+
var Legend_1 = require("./Legend");
|
|
41
|
+
exports.Legend = Legend_1.default;
|
|
42
|
+
var DataLegend_1 = require("./DataLegend");
|
|
43
|
+
exports.DataLegend = DataLegend_1.default;
|
|
44
|
+
var Bar_1 = require("./Bar");
|
|
45
|
+
exports.Bar = Bar_1.default;
|
|
46
|
+
var BarAggregate_1 = require("./BarAggregate");
|
|
47
|
+
exports.BarAggregate = BarAggregate_1.default;
|
|
48
|
+
var CircleGroups_1 = require("./CircleGroups");
|
|
49
|
+
exports.CircleGroup = CircleGroups_1.default;
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsK0JBQTBCO0FBeUJ0QixlQXpCRyxjQUFJLENBeUJIO0FBeEJSLCtCQUEwQjtBQTBCdEIsZUExQkcsY0FBSSxDQTBCSDtBQXpCUiwrQ0FBMEM7QUEwQnRDLHVCQTFCRyxzQkFBWSxDQTBCSDtBQXpCaEIseURBQW9EO0FBMEJoRCw0QkExQkcsMkJBQWlCLENBMEJIO0FBekJyQix1REFBa0Q7QUEyQjlDLDJCQTNCRywwQkFBZ0IsQ0EyQkg7QUExQnBCLG1EQUE4QztBQTJCMUMseUJBM0JHLHdCQUFjLENBMkJIO0FBMUJsQixtREFBOEM7QUEyQjFDLHlCQTNCRyx3QkFBYyxDQTJCSDtBQTFCbEIsbUNBQThCO0FBdUIxQixpQkF2QkcsZ0JBQU0sQ0F1Qkg7QUF0QlYsMkRBQXNEO0FBNEJsRCw2QkE1QkcsNEJBQWtCLENBNEJIO0FBM0J0QixtQ0FBOEI7QUF5QjFCLGlCQXpCRyxnQkFBTSxDQXlCSDtBQXhCVixxQ0FBZ0M7QUEyQjVCLGtCQTNCRyxpQkFBTyxDQTJCSDtBQTFCWCwrQkFBMEI7QUF3QnRCLGVBeEJHLGNBQUksQ0F3Qkg7QUF2QlIsK0NBQXlDO0FBMEJyQyx3RkExQkssc0JBQU8sT0EwQkw7QUF6QlgsK0NBQTBDO0FBMEJ0Qyx1QkExQkcsc0JBQVksQ0EwQkg7QUF6QmhCLHlDQUF3QztBQTBCcEMsMEZBMUJLLHFCQUFTLE9BMEJMO0FBekJiLGlEQUE0QztBQTBCeEMsd0JBMUJHLHVCQUFhLENBMEJIO0FBekJqQix5Q0FBb0M7QUFVaEMsb0JBVkcsbUJBQVMsQ0FVSDtBQVRiLDZDQUF3QztBQXlCcEMsc0JBekJHLHFCQUFXLENBeUJIO0FBeEJmLG1DQUE4QjtBQXlCMUIsaUJBekJHLGdCQUFNLENBeUJIO0FBeEJWLDJDQUFzQztBQXlCbEMscUJBekJHLG9CQUFVLENBeUJIO0FBeEJkLDZCQUF3QjtBQXlCcEIsY0F6QkcsYUFBRyxDQXlCSDtBQXhCUCwrQ0FBMEM7QUF5QnRDLHVCQXpCRyxzQkFBWSxDQXlCSDtBQXhCaEIsK0NBQXlDO0FBeUJyQyxzQkF6Qkcsc0JBQVcsQ0F5QkgifQ==
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gpa-gemstone/react-graph",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.90",
|
|
4
4
|
"description": "Interactive UI Components for GPA products",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"types": "lib/index.d.ts",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@gpa-gemstone/gpa-symbols": "0.0.57",
|
|
49
|
-
"@gpa-gemstone/helper-functions": "0.0.
|
|
49
|
+
"@gpa-gemstone/helper-functions": "0.0.51",
|
|
50
50
|
"html2canvas": "^1.4.1",
|
|
51
51
|
"lodash": "^4.17.21",
|
|
52
52
|
"moment": "^2.29.4"
|
package/lib/LineLegend.js
DELETED
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
// ******************************************************************************************************
|
|
3
|
-
// LineLegend.tsx - Gbtc
|
|
4
|
-
//
|
|
5
|
-
// Copyright © 2023, 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
|
-
// 03/04/2023 - 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 gpa_symbols_1 = require("@gpa-gemstone/gpa-symbols");
|
|
43
|
-
var LegendContext_1 = require("./LegendContext");
|
|
44
|
-
var Legend_1 = require("./Legend");
|
|
45
|
-
function LineLegend(props) {
|
|
46
|
-
var _a;
|
|
47
|
-
var containerRef = React.useRef(null);
|
|
48
|
-
var _b = __read(React.useState((_a = props.label) !== null && _a !== void 0 ? _a : ""), 2), label = _b[0], setLabel = _b[1];
|
|
49
|
-
var context = React.useContext(LegendContext_1.LegendContext);
|
|
50
|
-
React.useEffect(function () {
|
|
51
|
-
setLabel((props.hasNoData ? gpa_symbols_1.Warning : "") + props.label);
|
|
52
|
-
}, [props.hasNoData, props.label]);
|
|
53
|
-
return (React.createElement("div", { style: { height: context.SmHeight, width: context.SmWidth }, ref: containerRef },
|
|
54
|
-
React.createElement("div", { onClick: function (evt) {
|
|
55
|
-
if (evt.ctrlKey && context.SendMassEnable != null)
|
|
56
|
-
context.SendMassEnable.current(props.id);
|
|
57
|
-
else
|
|
58
|
-
props.setEnabled(!props.enabled, evt);
|
|
59
|
-
}, style: { width: '100%', display: 'flex', alignItems: 'center', marginRight: '5px', height: '100%' } },
|
|
60
|
-
props.lineStyle === 'none' ? null : props.lineStyle === '-' ?
|
|
61
|
-
React.createElement("div", { style: {
|
|
62
|
-
width: '10px',
|
|
63
|
-
height: 0,
|
|
64
|
-
borderTop: "2px solid ".concat(props.color),
|
|
65
|
-
borderRight: "10px solid ".concat(props.color),
|
|
66
|
-
borderBottom: "2px solid ".concat(props.color),
|
|
67
|
-
borderLeft: "10px solid ".concat(props.color),
|
|
68
|
-
overflow: 'hidden',
|
|
69
|
-
marginRight: '5px',
|
|
70
|
-
opacity: (props.enabled ? 1 : 0.5)
|
|
71
|
-
} }) :
|
|
72
|
-
React.createElement("div", { style: {
|
|
73
|
-
width: '10px',
|
|
74
|
-
height: '4px',
|
|
75
|
-
borderTop: 'none',
|
|
76
|
-
borderRight: "3px solid ".concat(props.color),
|
|
77
|
-
borderBottom: 'none',
|
|
78
|
-
borderLeft: "3px solid ".concat(props.color),
|
|
79
|
-
overflow: 'hidden',
|
|
80
|
-
marginRight: '5px',
|
|
81
|
-
opacity: (props.enabled ? 1 : 0.5)
|
|
82
|
-
} }),
|
|
83
|
-
React.createElement("label", { style: {
|
|
84
|
-
fontFamily: Legend_1.fontFamily,
|
|
85
|
-
fontWeight: 400,
|
|
86
|
-
display: 'inline-block',
|
|
87
|
-
margin: 'auto',
|
|
88
|
-
marginLeft: 0,
|
|
89
|
-
fontSize: context.SmallestFontSize + 'em',
|
|
90
|
-
whiteSpace: (context.UseMultiLine ? 'normal' : 'nowrap')
|
|
91
|
-
} }, label))));
|
|
92
|
-
}
|
|
93
|
-
exports.default = LineLegend;
|
|
94
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluZUxlZ2VuZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9MaW5lTGVnZW5kLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEseUdBQXlHO0FBQ3pHLHlCQUF5QjtBQUN6QixFQUFFO0FBQ0YscUVBQXFFO0FBQ3JFLEVBQUU7QUFDRix3R0FBd0c7QUFDeEcsd0dBQXdHO0FBQ3hHLHNHQUFzRztBQUN0Ryx3RkFBd0Y7QUFDeEYsRUFBRTtBQUNGLDBDQUEwQztBQUMxQyxFQUFFO0FBQ0Ysd0dBQXdHO0FBQ3hHLHdHQUF3RztBQUN4Ryw0RUFBNEU7QUFDNUUsRUFBRTtBQUNGLDhCQUE4QjtBQUM5Qix3R0FBd0c7QUFDeEcsMEJBQTBCO0FBQzFCLG1EQUFtRDtBQUNuRCxFQUFFO0FBQ0YseUdBQXlHOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFHekcsNkJBQStCO0FBRS9CLHlEQUFvRDtBQUNwRCxpREFBc0U7QUFDdEUsbUNBQXFDO0FBWXJDLFNBQVMsVUFBVSxDQUFDLEtBQWE7O0lBQzdCLElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQXdCLElBQUksQ0FBQyxDQUFDO0lBQ3pELElBQUEsS0FBQSxPQUFvQixLQUFLLENBQUMsUUFBUSxDQUFTLE1BQUEsS0FBSyxDQUFDLEtBQUssbUNBQUksRUFBRSxDQUFDLElBQUEsRUFBNUQsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUE2QyxDQUFDO0lBQ3BFLElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsNkJBQWEsQ0FBQyxDQUFDO0lBRWhELEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDWixRQUFRLENBQUMsQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxxQkFBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDN0QsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQUMsS0FB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
|