@gpa-gemstone/react-graph 1.0.74 → 1.0.76

package/lib/Pill.d.ts

@@ -0,0 +1,73 @@
+import { IActionFunctions, AxisIdentifier } from './GraphContext';
+export interface IProps {
+    /**
+     * Data for the pill and circles:
+     * [x1, x2]
+     * - x1: The x-coordinate of the left edge of the pill.
+     * - x2: The x-coordinate of the right edge of the pill.
+     */
+    XData: [number, number];
+    /**
+     * Data for the pill and circles:
+     * [y1, y2]
+     * - y1: The y-coordinate of the bottom edge of the pill.
+     * - y2: The y-coordinate of the top edge of the pill.
+     */
+    YData: [number, number];
+    /**
+     * Radius of the pill in pixels.
+     */
+    RadiusPX: number;
+    /**
+     * Fill color of the pill.
+     * @type {string}
+     */
+    Color: string;
+    /**
+     * Color of text in pill.
+     * @type {string}
+     */
+    TextColor?: string;
+    /**
+     * Stroke color of the pill and circles.
+     * @optional
+     * @type {string}
+     */
+    BorderColor?: string;
+    /**
+     * Stroke thickness of the pill and circles.
+     * @optional
+     * @type {number}
+     */
+    BorderThickness?: number;
+    /**
+     * Optional text to display inside the pill.
+     * @optional
+     * @type {string}
+     */
+    Text?: string;
+    /**
+     * Where to place text in the pill
+     */
+    TextPlacement?: 'center' | 'left' | 'right';
+    /**
+     * Opacity of the pill and circles.
+     * @optional
+     * @type {number}
+     */
+    Opacity?: number;
+    /**
+     * Axis identifier used for vertical positioning.
+     * @optional
+     * @type {AxisIdentifier}
+     */
+    Axis?: AxisIdentifier;
+    /**
+     * Callback function to handle click events on the pill. Provides action functions to update domains.
+     * @optional
+     * @type {(actions: IActionFunctions) => void}
+     */
+    OnClick?: (x: number, y: number, actions: IActionFunctions) => void;
+}
+declare const Pill: (props: IProps) => JSX.Element | null;
+export default Pill;

package/lib/Pill.js

@@ -0,0 +1,165 @@
+"use strict";
+// ******************************************************************************************************
+//  Pill.tsx - Gbtc
+//
+//  Copyright © 2024, 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:
+//  ----------------------------------------------------------------------------------------------------
+//  09/03/2024 - Preston Crawford
+//       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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var helper_functions_1 = require("@gpa-gemstone/helper-functions");
+var React = require("react");
+var GraphContext_1 = require("./GraphContext");
+var Pill = function (props) {
+    var _a;
+    var context = React.useContext(GraphContext_1.GraphContext);
+    var _b = __read(React.useState(""), 2), guid = _b[0], setGuid = _b[1];
+    var _c = __read(React.useState(1), 2), textSize = _c[0], setTextSize = _c[1];
+    var pxHeight = React.useMemo(function () {
+        var axis = GraphContext_1.AxisMap.get(props.Axis);
+        var y0px = context.YTransformation(props.YData[0], axis);
+        var y1px = context.YTransformation(props.YData[1], axis);
+        return Math.abs(y1px - y0px);
+    }, [context.XTransformation, props.YData, props.Axis]);
+    var pxWidth = React.useMemo(function () {
+        return Math.abs(context.XTransformation(props.XData[1]) - context.XTransformation(props.XData[0]));
+    }, [context.XTransformation, props.XData]);
+    var radius = React.useMemo(function () {
+        return Math.min(pxHeight / 2, pxWidth / 2, props.RadiusPX);
+    }, [pxHeight, pxWidth, props.RadiusPX]);
+    var getMax = React.useCallback(function (tDomain) {
+        var _a = __read(tDomain, 2), t0 = _a[0], t1 = _a[1];
+        var _b = __read(props.XData, 2), x1 = _b[0], x2 = _b[1];
+        if (t1 >= x1 && t0 <= x2)
+            return Math.max(props.YData[0], props.YData[1]);
+        return undefined;
+    }, [props.XData, props.YData]);
+    var getMin = React.useCallback(function (tDomain) {
+        var _a = __read(tDomain, 2), t0 = _a[0], t1 = _a[1];
+        var _b = __read(props.XData, 2), x1 = _b[0], x2 = _b[1];
+        if (t1 >= x1 && t0 <= x2)
+            return Math.min(props.YData[0], props.YData[1]);
+        return undefined;
+    }, [props.XData, props.YData]);
+    // Update data series information in the graph context based on circle properties
+    React.useEffect(function () {
+        if (guid === "")
+            return;
+        context.UpdateData(guid, {
+            axis: props.Axis,
+            legend: undefined,
+            getMax: getMax,
+            getMin: getMin,
+        });
+    }, [props.Axis, props.XData, props.YData]);
+    // Add a new data series on component mount / removing on unmount
+    React.useEffect(function () {
+        var id = context.AddData({
+            axis: props.Axis,
+            legend: undefined,
+            getMax: getMax,
+            getMin: getMin
+        });
+        setGuid(id);
+        return function () {
+            context.RemoveData(id);
+        };
+    }, []);
+    // Adjust text size within the pill to ensure it fits
+    React.useEffect(function () {
+        if (props.Text === undefined)
+            return;
+        var fontFamily = "Segoe UI";
+        var fontSizeUnit = "em";
+        var minSize = 0.05;
+        var maxSize = 5;
+        var bestSize = minSize;
+        var calculateTextSize = function (size) {
+            var dX = (0, helper_functions_1.GetTextWidth)(fontFamily, size + fontSizeUnit, props.Text);
+            var dY = (0, helper_functions_1.GetTextHeight)(fontFamily, size + fontSizeUnit, props.Text);
+            return { dX: dX, dY: dY };
+        };
+        while (maxSize - minSize > 0.01) {
+            var midSize = (maxSize + minSize) / 2;
+            var _a = calculateTextSize(midSize), dX = _a.dX, dY = _a.dY;
+            if (dX <= pxWidth && dY <= pxHeight) {
+                bestSize = midSize;
+                minSize = midSize; // Try larger
+            }
+            else
+                maxSize = midSize; // Try smaller
+        }
+        setTextSize(bestSize);
+    }, [props.Text, pxHeight, pxWidth]);
+    // Set up a click handler if provided in props
+    React.useEffect(function () {
+        if (guid === "" || props.OnClick === undefined)
+            return;
+        context.UpdateSelect(guid, { onClick: onClick });
+    }, [props.OnClick, context.UpdateFlag]);
+    // Handle click events on the pill
+    var onClick = React.useCallback(function (xClick, yClick) {
+        if (props.OnClick === undefined)
+            return;
+        // Calculate positions and determine if the click was within the pill bounds
+        var _a = __read(props.XData, 2), x1 = _a[0], x2 = _a[1];
+        var _b = __read(props.YData, 2), y1 = _b[0], y2 = _b[1];
+        var isWithinHorizontalBounds = xClick >= x1 && xClick <= x2;
+        var isWithinVerticalBounds = yClick >= y1 && yClick <= y2;
+        if (isWithinHorizontalBounds && isWithinVerticalBounds)
+            props.OnClick(xClick, yClick, { setYDomain: context.SetYDomain, setTDomain: context.SetXDomain });
+    }, [props.OnClick, props.Axis, props.XData, props.YData, context.XTransformation, context.YTransformation, context.SetXDomain, context.SetYDomain]);
+    var textXPosition = React.useMemo(function () {
+        var xLeft = context.XTransformation(props.XData[0]);
+        var xRight = context.XTransformation(props.XData[1]);
+        var xCenter = (xLeft + xRight) / 2;
+        if (props.TextPlacement == null || props.TextPlacement === 'center')
+            return xCenter;
+        if (props.TextPlacement === 'left')
+            return xLeft;
+        if (props.TextPlacement === 'right')
+            return xRight;
+        return xCenter;
+    }, [context.XTransformation, props.XData, props.TextPlacement]);
+    // Render null if coordinates are not valid, otherwise render the pill / text
+    if (!isFinite(context.XTransformation((props.XData[0], props.XData[1]) / 2)) || !isFinite(context.YTransformation(props.YData[0], GraphContext_1.AxisMap.get(props.Axis))) || !isFinite(context.YTransformation(props.YData[1], GraphContext_1.AxisMap.get(props.Axis))))
+        return null;
+    return (React.createElement("g", null,
+        React.createElement("rect", { x: context.XTransformation(props.XData[0]), width: pxWidth, y: context.YTransformation(props.YData[1], GraphContext_1.AxisMap.get(props.Axis)), height: pxHeight, rx: radius, ry: radius, fill: props.Color, opacity: props.Opacity, stroke: props.BorderColor, strokeWidth: props.BorderThickness, onClick: function (e) { return onClick(e.clientX, e.clientY); } }),
+        props.Text !== undefined ?
+            React.createElement("g", { clipPath: "url(#oval-clip-".concat(guid, ")") },
+                React.createElement("text", { fill: (_a = props.TextColor) !== null && _a !== void 0 ? _a : 'currentColor', style: { fontSize: textSize + 'em', textAnchor: 'middle', dominantBaseline: 'middle' }, y: (context.YTransformation(props.YData[0], GraphContext_1.AxisMap.get(props.Axis)) + context.YTransformation(props.YData[1], GraphContext_1.AxisMap.get(props.Axis))) / 2, x: textXPosition }, props.Text)) : null));
+};
+exports.default = Pill;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGlsbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9QaWxsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEseUdBQXlHO0FBQ3pHLG1CQUFtQjtBQUNuQixFQUFFO0FBQ0YscUVBQXFFO0FBQ3JFLEVBQUU7QUFDRix3R0FBd0c7QUFDeEcsd0dBQXdHO0FBQ3hHLHNHQUFzRztBQUN0Ryx3RkFBd0Y7QUFDeEYsRUFBRTtBQUNGLDBDQUEwQztBQUMxQyxFQUFFO0FBQ0Ysd0dBQXdHO0FBQ3hHLHdHQUF3RztBQUN4Ryw0RUFBNEU7QUFDNUUsRUFBRTtBQUNGLDhCQUE4QjtBQUM5Qix3R0FBd0c7QUFDeEcsaUNBQWlDO0FBQ2pDLG1EQUFtRDtBQUNuRCxFQUFFO0FBQ0YseUdBQXlHOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFHekcsbUVBQTZFO0FBQzdFLDZCQUErQjtBQUMvQiwrQ0FBaUg7QUFnRmpILElBQU0sSUFBSSxHQUFHLFVBQUMsS0FBYTs7SUFDdkIsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQywyQkFBWSxDQUFDLENBQUM7SUFFekMsSUFBQSxLQUFBLE9BQWtCLEtBQUssQ0FBQyxRQUFRLENBQVMsRUFBRSxDQUFDLElBQUEsRUFBM0MsSUFBSSxRQUFBLEVBQUUsT0FBTyxRQUE4QixDQUFDO0lBQzdDLElBQUEsS0FBQSxPQUEwQixLQUFLLENBQUMsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQWxELFFBQVEsUUFBQSxFQUFFLFdBQVcsUUFBNkIsQ0FBQztJQUUxRCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQzNCLElBQU0sSUFBSSxHQUFHLHNCQUFPLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNyQyxJQUFNLElBQUksR0FBRyxPQUFPLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUM7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

package/lib/Plot.d.ts

@@ -11,7 +11,18 @@ export interface IProps {
     width: number;
     showGrid?: boolean;
     XAxisType?: 'time' | 'log' | 'value';
+    /**
+     * Flag to enable all zooming features.
+     */
     zoom?: boolean;
+    /**
+     * Flag to enable zooming on the y-axis.
+     */
+    yZoom?: boolean;
+    /**
+     * Flag to enable zooming on the x-axis.
+     */
+    xZoom?: boolean;
     pan?: boolean;
     Tmin?: number;
     Tmax?: number;