@gpa-gemstone/react-graph 1.0.89 → 1.0.90

package/lib/Bar.d.ts

@@ -0,0 +1,46 @@
+import { AxisIdentifier } from './GraphContext';
+export interface IBarProps {
+    /**
+     * Array of data points to be represented by bar, each point as a [x, y1, y2, ...yn] tuple.
+    */
+    Data: number[];
+    /**
+     * Origin of the Bar on the X-Axis
+     */
+    BarOrigin: number;
+    /**
+     * Width of the bar
+    */
+    BarWidth: number;
+    /**
+     * Identifier for the axis the bars are associated with.
+     * @type {AxisIdentifier}
+    */
+    Axis?: AxisIdentifier;
+    /**
+     * Legend text for the bar.
+    */
+    Legend?: string;
+    /**
+     * Reference point of data, if the x data represents the left side, center, or right side of the bar.
+    */
+    XBarOrigin?: 'left' | 'right' | 'center';
+    /**
+     * Opacity of the bars.
+    */
+    Opacity?: number;
+    /**
+     * Color of the bars.
+    */
+    Color: string;
+    /**
+     * Stroke color of the bars.
+    */
+    StrokeColor?: string;
+    /**
+     * Stroke width of the bars.
+    */
+    StrokeWidth?: number;
+}
+export declare const StackedBar: (props: IBarProps) => JSX.Element;
+export default StackedBar;

package/lib/Bar.js

@@ -0,0 +1,131 @@
+"use strict";
+// ******************************************************************************************************
+//  Bar.tsx - Gbtc
+//
+//  Copyright © 2020, Grid Protection Alliance.  All Rights Reserved.
+//
+//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
+//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
+//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
+//  file except in compliance with the License. You may obtain a copy of the License at:
+//
+//      http://opensource.org/licenses/MIT
+//
+//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
+//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
+//  License for the specific language governing permissions and limitations.
+//
+//  Code Modification History:
+//  ----------------------------------------------------------------------------------------------------
+//  11/04/2025 - Gabriel Santos
+//       Generated original version of source code.
+//
+// ******************************************************************************************************
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StackedBar = void 0;
+var React = require("react");
+var GraphContext_1 = require("./GraphContext");
+var DataLegend_1 = require("./DataLegend");
+var StackedBar = function (props) {
+    var _a = __read(React.useState(undefined), 2), guid = _a[0], setGuid = _a[1];
+    var context = React.useContext(GraphContext_1.GraphContext);
+    var createLegend = React.useCallback(function () {
+        if (props.Legend === undefined || guid == null)
+            return undefined;
+        return React.createElement(DataLegend_1.default, { id: guid, label: props.Legend, color: props.Color, legendSymbol: 'square', setEnabled: function () { }, enabled: true, hasNoData: props.Data.length === 0 });
+    }, [props.Color, props.Data, guid]);
+    var createContextData = React.useCallback(function () {
+        return ({
+            legend: createLegend(),
+            axis: props.Axis,
+            enabled: true,
+            getMax: function (t) {
+                return props.Data.length <= 1 || props.BarOrigin < t[0] || props.BarOrigin > t[1] ?
+                    undefined : Math.max.apply(Math, __spreadArray([], __read(props.Data), false));
+            },
+            getMin: function (t) {
+                return props.Data.length <= 1 || props.BarOrigin < t[0] || props.BarOrigin > t[1] ?
+                    undefined : Math.min.apply(Math, __spreadArray([], __read(props.Data), false));
+            },
+        });
+    }, [props.Axis, props.Data, createLegend]);
+    React.useEffect(function () {
+        if (guid == null)
+            return;
+        context.UpdateData(guid, createContextData());
+    }, [createContextData, guid]);
+    React.useEffect(function () {
+        if (guid == null)
+            return;
+        context.SetLegend(guid, createLegend());
+    }, [createLegend]);
+    React.useEffect(function () {
+        var id = context.AddData(createContextData());
+        setGuid(id);
+        return function () { context.RemoveData(id); };
+    }, []);
+    var bars = React.useMemo(function () {
+        var _a;
+        // not enough data to display
+        if (props.Data.length === 0)
+            return React.createElement(React.Fragment, null);
+        var xValue;
+        switch (props.XBarOrigin) {
+            default:
+            case 'left':
+                xValue = props.BarOrigin;
+                break;
+            case 'right':
+                xValue = props.BarOrigin - props.BarWidth;
+                break;
+            case 'center':
+                xValue = props.BarOrigin - props.BarWidth / 2;
+                break;
+        }
+        var rightEdge = context.XTransformation(xValue + props.BarWidth);
+        var leftEdge = context.XTransformation(xValue);
+        var axis = GraphContext_1.AxisMap.get(props.Axis);
+        var yValues = __spreadArray([], __read(props.Data), false);
+        // Insert bottom of bar if only 1 value exists
+        if (yValues.length === 1)
+            yValues.push(context.YDomain[axis][0]);
+        yValues = yValues.map(function (yVal) {
+            return context.YTransformation(Math.min(yVal, context.YDomain[axis][1]), axis);
+        });
+        yValues.sort(function (a, b) { return a - b; });
+        var newBars = [];
+        for (var yIndex = 0; yIndex < yValues.length - 1; yIndex++) {
+            newBars.push(React.createElement("rect", { key: yIndex, x: leftEdge, y: yValues[yIndex], width: rightEdge - leftEdge, height: yValues[yIndex + 1] - yValues[yIndex], fill: props.Color, opacity: (_a = props.Opacity) !== null && _a !== void 0 ? _a : 0.5, stroke: props.StrokeColor, strokeWidth: props.StrokeWidth }));
+        }
+        return newBars;
+    }, [props, context]);
+    return React.createElement("g", null, bars);
+};
+exports.StackedBar = StackedBar;
+exports.default = exports.StackedBar;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vc3JjL0Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLHlHQUF5RztBQUN6RyxrQkFBa0I7QUFDbEIsRUFBRTtBQUNGLHFFQUFxRTtBQUNyRSxFQUFFO0FBQ0Ysd0dBQXdHO0FBQ3hHLHdHQUF3RztBQUN4RyxzR0FBc0c7QUFDdEcsd0ZBQXdGO0FBQ3hGLEVBQUU7QUFDRiwwQ0FBMEM7QUFDMUMsRUFBRTtBQUNGLHdHQUF3RztBQUN4Ryx3R0FBd0c7QUFDeEcsNEVBQTRFO0FBQzVFLEVBQUU7QUFDRiw4QkFBOEI7QUFDOUIsd0dBQXdHO0FBQ3hHLCtCQUErQjtBQUMvQixtREFBbUQ7QUFDbkQsRUFBRTtBQUNGLHlHQUF5Rzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUV6Ryw2QkFBK0I7QUFDL0IsK0NBQW9GO0FBQ3BGLDJDQUFzQztBQThDL0IsSUFBTSxVQUFVLEdBQUcsVUFBQyxLQUFnQjtJQUNqQyxJQUFBLEtBQUEsT0FBa0IsS0FBSyxDQUFDLFFBQVEsQ0FBbUIsU0FBUyxDQUFDLElBQUEsRUFBNUQsSUFBSSxRQUFBLEVBQUUsT0FBTyxRQUErQyxDQUFDO0lBQ3BFLElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsMkJBQVksQ0FBQyxDQUFDO0lBRS9DLElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUM7UUFDbkMsSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLFNBQVMsSUFBSSxJQUFJLElBQUksSUFBSTtZQUMxQyxPQUFPLFNBQVMsQ0FBQztRQUVyQixPQUFPLG9CQUFDLG9CQUFVLElBQ2QsRUFBRSxFQUFFLElBQUksRUFDUixLQUFLLEVBQUUsS0FBSyxDQUFDLE1BQU0sRUFDbkIsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEVBQ2xCLFlBQVksRUFBQyxRQUFRLEVBQ3JCLFVBQVUsRUFBRSxjQUFxQixDQUFDLEVBQ2xDLE9BQU8sRUFB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

package/lib/BarAggregate.d.ts

@@ -0,0 +1,6 @@
+import { IBarProps } from './Bar';
+interface IProps extends IBarProps {
+    AggregationType?: "min_max_avg";
+}
+declare const BarAggregate: (props: IProps) => JSX.Element;
+export default BarAggregate;

package/lib/BarAggregate.js

@@ -0,0 +1,78 @@
+"use strict";
+// ******************************************************************************************************
+//  BarAggregate.tsx - Gbtc
+//
+//  Copyright © 2020, Grid Protection Alliance.  All Rights Reserved.
+//
+//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
+//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
+//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
+//  file except in compliance with the License. You may obtain a copy of the License at:
+//
+//      http://opensource.org/licenses/MIT
+//
+//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
+//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
+//  License for the specific language governing permissions and limitations.
+//
+//  Code Modification History:
+//  ----------------------------------------------------------------------------------------------------
+//  11/04/2025 - Gabriel Santos
+//       Generated original version of source code.
+//
+// ******************************************************************************************************
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var Bar_1 = require("./Bar");
+var BarAggregate = function (props) {
+    var data = React.useMemo(function () {
+        switch (props.AggregationType) {
+            default:
+            case "min_max_avg": {
+                var max = Math.max.apply(Math, __spreadArray([], __read(props.Data), false));
+                var avg = props.Data.reduce(function (a, b) { return a + b; }) / props.Data.length;
+                var min = Math.min.apply(Math, __spreadArray([], __read(props.Data), false));
+                return [min, avg, max];
+            }
+        }
+    }, [props.Data, props.AggregationType]);
+    return React.createElement(Bar_1.default, __assign({}, props, { Data: data }));
+};
+exports.default = BarAggregate;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFyQWdncmVnYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vc3JjL0JhckFnZ3JlZ2F0ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLHlHQUF5RztBQUN6RywyQkFBMkI7QUFDM0IsRUFBRTtBQUNGLHFFQUFxRTtBQUNyRSxFQUFFO0FBQ0Ysd0dBQXdHO0FBQ3hHLHdHQUF3RztBQUN4RyxzR0FBc0c7QUFDdEcsd0ZBQXdGO0FBQ3hGLEVBQUU7QUFDRiwwQ0FBMEM7QUFDMUMsRUFBRTtBQUNGLHdHQUF3RztBQUN4Ryx3R0FBd0c7QUFDeEcsNEVBQTRFO0FBQzVFLEVBQUU7QUFDRiw4QkFBOEI7QUFDOUIsd0dBQXdHO0FBQ3hHLCtCQUErQjtBQUMvQixtREFBbUQ7QUFDbkQsRUFBRTtBQUNGLHlHQUF5Rzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFekcsNkJBQStCO0FBQy9CLDZCQUF1QztBQU12QyxJQUFNLFlBQVksR0FBRyxVQUFDLEtBQWE7SUFDL0IsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQztRQUN2QixRQUFRLEtBQUssQ0FBQyxlQUFlLEVBQUMsQ0FBQztZQUMzQixRQUFRO1lBQ1IsS0FBSyxhQUFhLENBQUMsQ0FBQyxDQUFDO2dCQUNqQixJQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsR0FBRyxPQUFSLElBQUksMkJBQVEsS0FBSyxDQUFDLElBQUksVUFBQyxDQUFDO2dCQUNwQyxJQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFDLENBQUMsRUFBRSxDQUFDLElBQUssT0FBQSxDQUFDLEdBQUcsQ0FBQyxFQUFMLENBQUssQ0FBQyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO2dCQUNuRSxJQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsR0FBRyxPQUFSLElBQUksMkJBQVEsS0FBSyxDQUFDLElBQUksVUFBQyxDQUFDO2dCQUNwQyxPQUFPLENBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQztZQUMzQixDQUFDO1FBQ0wsQ0FBQztJQUNMLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUE7SUFFdkMsT0FBTyxvQkFBQyxhQUFHLGVBQUksS0FBSyxJQUFFLElBQUksRUFBRSxJQUFJLElBQUksQ0FBQTtBQUN4QyxDQUFDLENBQUE7QUFFRCxrQkFBZSxZQUFZLENBQUMifQ==

package/lib/CircleGroups.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { AxisIdentifier } from './GraphContext';
+export interface IProps {
+    Legend?: string;
+    Color: string;
+    Data: [number, number][];
+    Axis?: AxisIdentifier;
+    GetCircleStyle?: (dataPoint: [number, number], index: number) => ICircleStyle;
+    OnClick?: (dataPoint: [number, number], index: number) => void;
+}
+export interface ICircleStyle {
+    ColorOverride?: string;
+    Opacity?: number;
+    Radius?: number;
+    BorderColor?: string;
+}
+declare const CircleGroup: React.MemoExoticComponent<(props: IProps) => JSX.Element | null>;
+export default CircleGroup;

package/lib/CircleGroups.js

@@ -0,0 +1,117 @@
+"use strict";
+// ******************************************************************************************************
+//  AggregatingCircles.tsx - Gbtc
+//
+//  Copyright © 2023, Grid Protection Alliance.  All Rights Reserved.
+//
+//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
+//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
+//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
+//  file except in compliance with the License. You may obtain a copy of the License at:
+//
+//      http://opensource.org/licenses/MIT
+//
+//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
+//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
+//  License for the specific language governing permissions and limitations.
+//
+//  Code Modification History:
+//  ----------------------------------------------------------------------------------------------------
+//  11/11/2025 - G. Santos
+//       Generated original version of source code.
+//
+// ******************************************************************************************************
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var GraphContext_1 = require("./GraphContext");
+var Circle_1 = require("./Circle");
+var DataLegend_1 = require("./DataLegend");
+var CircleGroup = React.memo(function (props) {
+    var _a = __read(React.useState(undefined), 2), guid = _a[0], setGuid = _a[1];
+    var _b = __read(React.useState(true), 2), enabled = _b[0], setEnabled = _b[1];
+    var context = React.useContext(GraphContext_1.GraphContext);
+    var axis = GraphContext_1.AxisMap.get(props.Axis);
+    // cull points based on domain
+    // ToDo: This memoization of circles should NOT be neccessary, 
+    // but circles change context which causes this to rerender.
+    var points = React.useMemo(function () {
+        return enabled ? // just skip calculation if not enabled, its not neccessary
+            props.Data.map(function (c, i) {
+                var _a, _b, _c;
+                if (c[0] < context.XDomain[0] ||
+                    c[0] > context.XDomain[1] ||
+                    c[1] < context.YDomain[axis][0] ||
+                    c[1] > context.YDomain[axis][1])
+                    return null;
+                var style = props.GetCircleStyle == null ? {} : props.GetCircleStyle(c, i);
+                return (React.createElement(Circle_1.default, { key: i, data: c, color: (_a = style.ColorOverride) !== null && _a !== void 0 ? _a : props.Color, radius: (_b = style.Radius) !== null && _b !== void 0 ? _b : 5, opacity: (_c = style.Opacity) !== null && _c !== void 0 ? _c : 1, axis: props.Axis, onClick: function () { return props.OnClick == null ? null : props.OnClick(c, i); }, borderColor: style.BorderColor }));
+            }).filter(function (item) { return item != null; }) : [];
+    }, [context.YDomain[axis], context.XDomain, props.GetCircleStyle, props.Axis, props.OnClick, props.Data, enabled]);
+    var createLegend = React.useCallback(function () {
+        if (props.Legend == null || guid == null)
+            return undefined;
+        return (React.createElement(DataLegend_1.default, { id: guid, label: props.Legend, color: props.Color, legendSymbol: 'circle', setEnabled: setEnabled, enabled: enabled, hasNoData: props.Data.length === 0 }));
+    }, [props.Color, props.Data, guid, enabled, props.Legend]);
+    var createContextData = React.useCallback(function () {
+        return ({
+            legend: createLegend(),
+            axis: props.Axis,
+            enabled: enabled,
+            getMax: function (t) {
+                return Math.max.apply(Math, __spreadArray([], __read(props.Data
+                    .filter(function (point) { return point[0] >= t[0] && point[0] <= t[1]; })
+                    .map(function (point) { return point[1]; })), false));
+            },
+            getMin: function (t) {
+                return Math.max.apply(Math, __spreadArray([], __read(props.Data
+                    .filter(function (point) { return point[0] >= t[0] && point[0] <= t[1]; })
+                    .map(function (point) { return point[1]; })), false));
+            },
+        });
+    }, [props.Axis, props.Data, createLegend, enabled]);
+    React.useEffect(function () {
+        if (guid == null)
+            return;
+        context.UpdateData(guid, createContextData());
+    }, [createContextData, guid]);
+    React.useEffect(function () {
+        if (guid == null)
+            return;
+        context.SetLegend(guid, createLegend());
+    }, [createLegend]);
+    React.useEffect(function () {
+        var id = context.AddData(createContextData());
+        setGuid(id);
+        return function () { context.RemoveData(id); };
+    }, []);
+    if (!enabled)
+        return null;
+    return (React.createElement("g", null, points));
+});
+exports.default = CircleGroup;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2lyY2xlR3JvdXBzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vc3JjL0NpcmNsZUdyb3Vwcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLHlHQUF5RztBQUN6RyxpQ0FBaUM7QUFDakMsRUFBRTtBQUNGLHFFQUFxRTtBQUNyRSxFQUFFO0FBQ0Ysd0dBQXdHO0FBQ3hHLHdHQUF3RztBQUN4RyxzR0FBc0c7QUFDdEcsd0ZBQXdGO0FBQ3hGLEVBQUU7QUFDRiwwQ0FBMEM7QUFDMUMsRUFBRTtBQUNGLHdHQUF3RztBQUN4Ryx3R0FBd0c7QUFDeEcsNEVBQTRFO0FBQzVFLEVBQUU7QUFDRiw4QkFBOEI7QUFDOUIsd0dBQXdHO0FBQ3hHLDBCQUEwQjtBQUMxQixtREFBbUQ7QUFDbkQsRUFBRTtBQUNGLHlHQUF5Rzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBR3pHLDZCQUErQjtBQUMvQiwrQ0FBb0Y7QUFDcEYsbUNBQThCO0FBQzlCLDJDQUFzQztBQWtCdEMsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxVQUFDLEtBQWE7SUFDdEMsSUFBQSxLQUFBLE9BQWtCLEtBQUssQ0FBQyxRQUFRLENBQW1CLFNBQVMsQ0FBQyxJQUFBLEVBQTVELElBQUksUUFBQSxFQUFFLE9BQU8sUUFBK0MsQ0FBQztJQUM5RCxJQUFBLEtBQUEsT0FBd0IsS0FBSyxDQUFDLFFBQVEsQ0FBVSxJQUFJLENBQUMsSUFBQSxFQUFwRCxPQUFPLFFBQUEsRUFBRSxVQUFVLFFBQWlDLENBQUM7SUFFNUQsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQywyQkFBWSxDQUFDLENBQUM7SUFDL0MsSUFBTSxJQUFJLEdBQUcsc0JBQU8sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBRXJDLDhCQUE4QjtJQUM5QiwrREFBK0Q7SUFDL0QsNERBQTREO0lBQzVELElBQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUM7UUFDNUIsT0FBQSxPQUFPLENBQUMsQ0FBQyxDQUFDLDJEQUEyRDtZQUNyRSxLQUFLLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFDLENBQUMsRUFBQyxDQUFDOztnQkFDbEIsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7b0JBQzVCLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztvQkFDekIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO29CQUMvQixDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7b0JBQy9CLE9BQU8sSUFBSSxDQUFDO2dCQUNiLElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxjQUFjLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO2dCQUM3RSxPQUFPLENBQUMsb0JBQUMsZ0JBQU0sSUFDZCxHQUFHLEVBQUUsQ0FBQyxFQUNOLElBQUksRUFBRSxDQUFDLEVBQ1AsS0FBSyxFQUFFLE1BQUEsS0FBSyxDQUFDLGFBQWEsbUNBQUksS0FBSyxDQUFDLEtBQUssRUFDekMsTUFBTSxFQUFFLE1BQUEsS0FBSyxDQUFDLE1BQU0sbUNBQUksQ0FBQyxFQUN6QixPQUFPLEVBQUUsTUFBQSxLQUFLLENBQUMsT0FBTyxtQ0FBSSxDQUFDLEVBQzNCLElBQUksRUFBRSxLQUFLLENBQUMsSUFBSSxFQUNoQixPQUFPLEVBQUUsY0FBTSxPQUFBLEtBQUssQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFsRCxDQUFrRCxFQUNqRSxXQUFXLEVBQUUsS0FBSyxDQUFDLFdBQVcsR0FDN0IsQ0FBQyxDQUFBO1lBQ0osQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFVBQUEsSUFBSSxJQUFJLE9BQUEsSUFBSSxJQUFJLElBQUksRUFBWixDQUFZLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtJQWxCcEMsQ0FrQm9DLEVBQ25DLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsRUFBRSxPQUFPLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUUvRyxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsV0FBVyxDQUFDO1FBQ25DLElBQUksS0FBSyxDQUFDLE1BQU0sSUFBSSxJQUFJLElBQUksSUFBSSxJQUFJLElBQUk7WUFDcEMsT0FBTyxTQUFTLENBQUM7UUFFckIsT0FBTyxDQUNaLG9CQUFDLG9CQUFVLElBQ1YsRUFBRSxFQUFFLElBQUksRUFDUixLQUFLLEVBQUUsS0FBSyxDQUFDLE1BQU0sRUFDbkIsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEVBQ2xCLFlBQVksRUFBQyxRQUFRLEVBQ3JCLFVBQVUsRUFBRSxVQUFVLEVBQ3RCLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFNBQVMsRUFBRSxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sS0FBSyxDQUFDLEdBQ2pDLENBQ0YsQ0FBQztJQUNBLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBRTlELElBQU0saUJBQWlCLEdBQXNCLEtBQUssQ0FBQyxXQUFXLENBQUM7UUFDOUQsT0FBQSxDQUFDO1lBQ0EsTUFBTSxFQUFFLFlBQVksRUFBRTtZQUN0QixJQUFJLEVBQUUsS0FBSyxDQUFDLElBQUk7WUFDaEIsT0FBTyxFQUFFLE9BQU87WUFDaEIsTUFBTSxFQUFFLFVBQUMsQ0FBbUI7Z0JBQzNCLE9BQUEsSUFBSSxDQUFDLEdBQUcsT0FBUixJQUFJLDJCQUFRLEtBQUssQ0FBQyxJQUFJO3FCQUNwQixNQUFNLENBQUMsVUFBQSxLQUFLLElBQUksT0FBQSxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQXBDLENBQW9DLENBQUM7cUJBQ3JELEdBQUcsQ0FBQyxVQUFBLEtBQUssSUFBSSxPQUFBLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBUixDQUFRLENBQUM7WUFGeEIsQ0FHQztZQUNGLE1BQU0sRUFBRSxVQUFDLENBQW1CO2dCQUMzQixPQUFBLElBQUksQ0FBQyxHQUFHLE9BQVIsSUFBSSwyQkFBUSxLQUFLLENBQUMsSUFBSTtxQkFDcEIsTUFBTSxDQUFDLFVBQUEsS0FBSyxJQUFJLE9BQUEsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFwQyxDQUFvQyxDQUFDO3FCQUNyRCxHQUFHLENBQUMsVUFBQSxLQUFLLElBQUksT0FBQSxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQVIsQ0FBUSxDQUFDO1lBRnhCLENBR0M7U0FDYyxDQUFBO0lBZGpCLENBY2lCLEVBQ2hCLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsSUFBSSxFQUFFLFlBQVksRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBRW5ELEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZixJQUFJLElBQUksSUFBSSxJQUFJO1lBQUUsT0FBTztRQUN6QixPQUFPLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxpQkFBaUIsRUFBRSxDQUFDLENBQUM7SUFDL0MsQ0FBQyxFQUFFLENBQUMsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUU5QixLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2YsSUFBSSxJQUFJLElBQUksSUFBSTtZQUFFLE9BQU87UUFDekIsT0FBTyxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsWUFBWSxFQUFFLENBQUMsQ0FBQztJQUN6QyxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDO0lBRW5CLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZixJQUFNLEVBQUUsR0FBRyxPQUFPLENBQUMsT0FBTyxDQUFDLGlCQUFpQixFQUFFLENBQUMsQ0FBQztRQUNoRCxPQUFPLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDWixPQUFPLGNBQVEsT0FBTyxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsQ0FBQSxDQUFDLENBQUMsQ0FBQTtJQUN4QyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxJQUFJLENBQUMsT0FBTztRQUFFLE9BQU8sSUFBSSxDQUFDO0lBRTFCLE9BQU8sQ0FDTiwrQkFDRSxNQUFNLENBQ0osQ0FDSixDQUFDO0FBQ0gsQ0FBQyxDQUFDLENBQUM7QUFFSCxrQkFBZSxXQUFXLENBQUMifQ==

package/lib/{LineLegend.d.ts → DataLegend.d.ts}

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { LineStyle } from './GraphContext';
 import { ILegendRequiredProps } from './LegendContext';
-type LegendStyle = LineStyle | 'none';
+type LegendStyle = LineStyle | 'none' | 'square' | 'circle';
 export interface IProps extends ILegendRequiredProps {
     color: string;
-    lineStyle: LegendStyle;
+    legendSymbol: LegendStyle;
     setEnabled: (arg: boolean, e: React.MouseEvent<HTMLDivElement>) => void;
     hasNoData: boolean;
     label: string;
 }
-declare function LineLegend(props: IProps): JSX.Element;
-export default LineLegend;
+declare function DataLegend(props: IProps): JSX.Element;
+export default DataLegend;

package/lib/DataLegend.js

@@ -0,0 +1,143 @@
+"use strict";
+// ******************************************************************************************************
+//  DataLegend.tsx - Gbtc
+//
+//  Copyright © 2023, Grid Protection Alliance.  All Rights Reserved.
+//
+//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
+//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
+//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
+//  file except in compliance with the License. You may obtain a copy of the License at:
+//
+//      http://opensource.org/licenses/MIT
+//
+//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
+//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
+//  License for the specific language governing permissions and limitations.
+//
+//  Code Modification History:
+//  ----------------------------------------------------------------------------------------------------
+//  03/04/2023 - C Lackner
+//       Generated original version of source code.
+//  12/01/2025 - G. Santos
+//       Changed scope to include other types of data.
+//
+// ******************************************************************************************************
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var gpa_symbols_1 = require("@gpa-gemstone/gpa-symbols");
+var LegendContext_1 = require("./LegendContext");
+var Legend_1 = require("./Legend");
+function DataLegend(props) {
+    var _a;
+    var containerRef = React.useRef(null);
+    var _b = __read(React.useState((_a = props.label) !== null && _a !== void 0 ? _a : ""), 2), label = _b[0], setLabel = _b[1];
+    var context = React.useContext(LegendContext_1.LegendContext);
+    React.useEffect(function () {
+        setLabel((props.hasNoData ? gpa_symbols_1.Warning : "") + props.label);
+    }, [props.hasNoData, props.label]);
+    return (React.createElement("div", { style: { height: context.SmHeight, width: context.SmWidth }, ref: containerRef },
+        React.createElement("div", { onClick: function (evt) {
+                if (evt.ctrlKey && context.SendMassEnable != null)
+                    context.SendMassEnable.current(props.id);
+                else
+                    props.setEnabled(!props.enabled, evt);
+            }, style: { width: '100%', display: 'flex', alignItems: 'center', marginRight: '5px', height: '100%' } },
+            React.createElement(DataSymbol, { color: props.color, symbol: props.legendSymbol, enabled: props.enabled }),
+            React.createElement("label", { style: {
+                    fontFamily: Legend_1.fontFamily,
+                    fontWeight: 400,
+                    display: 'inline-block',
+                    margin: 'auto',
+                    marginLeft: 0,
+                    fontSize: context.SmallestFontSize + 'em',
+                    whiteSpace: (context.UseMultiLine ? 'normal' : 'nowrap')
+                } }, label))));
+}
+function DataSymbol(props) {
+    /* Total width of symbol element should be 15px with a 5px margin */
+    switch (props.symbol) {
+        default:
+            console.warn("Unrecognized symbol type in Data Legend: " + props.symbol);
+        // falls through
+        case '-':
+        case 'solid':
+            return (React.createElement("div", { style: {
+                    width: '10px',
+                    height: 0,
+                    borderTop: "2px solid ".concat(props.color),
+                    borderRight: "10px solid ".concat(props.color),
+                    borderBottom: "2px solid ".concat(props.color),
+                    borderLeft: "10px solid ".concat(props.color),
+                    overflow: 'hidden',
+                    marginRight: '5px',
+                    opacity: (props.enabled ? 1 : 0.5)
+                } }));
+        case 'none':
+            return (React.createElement("div", { style: {
+                    width: '20px',
+                    height: 0,
+                    overflow: 'hidden',
+                    marginRight: '5px',
+                    opacity: 0
+                } }));
+        case ':':
+        case 'dash':
+        case 'short-dash':
+        case 'long-dash':
+            return (React.createElement("div", { style: {
+                    width: '10px',
+                    height: '4px',
+                    borderTop: 'none',
+                    borderRight: "3px solid ".concat(props.color),
+                    borderBottom: 'none',
+                    borderLeft: "3px solid ".concat(props.color),
+                    overflow: 'hidden',
+                    marginRight: '5px',
+                    opacity: (props.enabled ? 1 : 0.5)
+                } }));
+        case 'square':
+            return (React.createElement("div", { style: {
+                    width: '10px',
+                    height: '20px',
+                    borderTop: "2px solid ".concat(props.color),
+                    borderRight: "10px solid ".concat(props.color),
+                    borderBottom: "2px solid ".concat(props.color),
+                    borderLeft: "10px solid ".concat(props.color),
+                    overflow: 'hidden',
+                    marginRight: '5px',
+                    opacity: (props.enabled ? 1 : 0.5)
+                } }));
+        case 'circle':
+            return (React.createElement("div", { style: {
+                    width: '10px',
+                    height: '20px',
+                    borderRadius: '10px',
+                    borderTop: "2px solid ".concat(props.color),
+                    borderRight: "10px solid ".concat(props.color),
+                    borderBottom: "2px solid ".concat(props.color),
+                    borderLeft: "10px solid ".concat(props.color),
+                    overflow: 'hidden',
+                    marginRight: '5px',
+                    opacity: (props.enabled ? 1 : 0.5)
+                } }));
+    }
+}
+exports.default = DataLegend;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxlZ2VuZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9EYXRhTGVnZW5kLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEseUdBQXlHO0FBQ3pHLHlCQUF5QjtBQUN6QixFQUFFO0FBQ0YscUVBQXFFO0FBQ3JFLEVBQUU7QUFDRix3R0FBd0c7QUFDeEcsd0dBQXdHO0FBQ3hHLHNHQUFzRztBQUN0Ryx3RkFBd0Y7QUFDeEYsRUFBRTtBQUNGLDBDQUEwQztBQUMxQyxFQUFFO0FBQ0Ysd0dBQXdHO0FBQ3hHLHdHQUF3RztBQUN4Ryw0RUFBNEU7QUFDNUUsRUFBRTtBQUNGLDhCQUE4QjtBQUM5Qix3R0FBd0c7QUFDeEcsMEJBQTBCO0FBQzFCLG1EQUFtRDtBQUNuRCwwQkFBMEI7QUFDMUIsc0RBQXNEO0FBQ3RELEVBQUU7QUFDRix5R0FBeUc7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUd6Ryw2QkFBK0I7QUFFL0IseURBQW9EO0FBQ3BELGlEQUFzRTtBQUN0RSxtQ0FBcUM7QUFZckMsU0FBUyxVQUFVLENBQUMsS0FBYTs7SUFDN0IsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBd0IsSUFBSSxDQUFDLENBQUM7SUFDekQsSUFBQSxLQUFBLE9BQW9CLEtBQUssQ0FBQyxRQUFRLENBQVMsTUFBQSxLQUFLLENBQUMsS0FBSyxtQ0FBSSxFQUFFLENBQUMsSUFBQSxFQUE1RCxLQUFLLFFBQUEsRUFBRSxRQUFRLFFBQTZDLENBQUM7SUFDcEUsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyw2QkFBYSxDQUFDLENBQUM7SUFFaEQsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNaLFFBQVEsQ0FBQyxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLHFCQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3RCxDQUFDLEVBQUUsQ0FBQyxLQUFLLENB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

package/lib/Infobox.d.ts

@@ -6,7 +6,7 @@ interface IProps {
     usePixelPositioning?: boolean;
     disallowSnapping?: boolean;
     axis?: AxisIdentifier;
-    origin?: "upper-right" | "upper-left" | "upper-center" | "lower-right" | "lower-left" | "lower-center";
+    origin?: "upper-right" | "upper-left" | "upper-center" | "lower-right" | "lower-left" | "lower-center" | 'middle-left' | 'middle-right';
     offset?: number;
     childId: string;
     opacity?: number;