@gpa-gemstone/react-graph 1.0.18 → 1.0.21

package/lib/Series.js

@@ -1,90 +0,0 @@
-"use strict";
-// ******************************************************************************************************
-//  Series.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:
-//  ----------------------------------------------------------------------------------------------------
-//  12/31/2020 - Billy Ernest
-//       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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_redux_1 = require("react-redux");
-var React = require("react");
-var d3 = require("d3");
-var XAxis_1 = require("./XAxis");
-var Plot_1 = require("./Plot");
-var LegendSlice_1 = require("./Store/LegendSlice");
-var YAxis_1 = require("./YAxis");
-var YAxisSlice_1 = require("./Store/YAxisSlice");
-var XAxisSlice_1 = require("./Store/XAxisSlice");
-var helper_functions_1 = require("@gpa-gemstone/helper-functions");
-var Helper_1 = require("./Helper");
-function Series(props) {
-    /*
-      Used to show data on plot.
-    */
-    var _a = React.useContext(Plot_1.PlotContext), svgWidth = _a.svgWidth, left = _a.left, right = _a.right, top = _a.top, bottom = _a.bottom, margin = _a.margin;
-    var yGuid = React.useContext(YAxis_1.YAxisContext);
-    var xGuid = React.useContext(XAxis_1.XAxisContext);
-    var dispatch = react_redux_1.useDispatch();
-    var series = react_redux_1.useSelector(function (state) { return LegendSlice_1.SelectLegendSeries(state, props.Label); });
-    var yAxis = react_redux_1.useSelector(function (state) { return YAxisSlice_1.SelectYAxis(state, yGuid); });
-    var xAxis = react_redux_1.useSelector(function (state) { return XAxisSlice_1.SelectXAxis(state, xGuid); });
-    React.useEffect(function () {
-        if (series === undefined)
-            dispatch(LegendSlice_1.Add({ Label: props.Label, Color: props.Color, Show: props.ShowInitially === false ? false : true, Width: helper_functions_1.GetTextWidth("BlinkMacSystemFont", '13px', props.Label) }));
-    }, []);
-    if (yAxis === undefined || xAxis === undefined)
-        return React.createElement(React.Fragment, null);
-    var x = Helper_1.GetScale(xAxis.Type, left, right, xAxis.Domain);
-    var y = Helper_1.GetScale(yAxis.Type, bottom, top, yAxis.Domain);
-    if (series !== undefined ? !series.Show : false) {
-        return (React.createElement(React.Fragment, null));
-    }
-    else if (props.Type === 'points') {
-        return (React.createElement(React.Fragment, null, props.Data.filter(function (point) { return point[props.YField] >= yAxis.Domain[0] && point[props.YField] <= yAxis.Domain[1] && point[props.XField] >= xAxis.Domain[0] && point[props.XField] <= xAxis.Domain[1]; }).map(function (point, index) { return React.createElement("circle", __assign({}, props.Style, { key: index, className: "dot", r: 3, cx: (xAxis.Scale ? xAxis.Scale(point[props.XField]) : 0), cy: (yAxis.Scale ? yAxis.Scale(point[props.YField]) : 0), fill: 'blue', style: { cursor: 'pointer' }, onClick: props.Click })); })));
-    }
-    else if (props.Type === 'line') {
-        var linefunc = d3.line().x(function (d) { return x(d[props.XField]); }).y(function (d) { return y(d[props.YField]); });
-        return React.createElement("path", __assign({}, props.Style, { d: linefunc(props.Data), stroke: props.Color }));
-    }
-    else if (props.Type === 'histogram') {
-        var histogram = d3.bin().thresholds(function (data, min, max) { var _a; return d3.range((_a = props === null || props === void 0 ? void 0 : props.bins) !== null && _a !== void 0 ? _a : 10).map(function (t) { var _a; return min + (t / ((_a = props === null || props === void 0 ? void 0 : props.bins) !== null && _a !== void 0 ? _a : 10)) * (max - min); }); }).value(function (d) { return d[props.XField]; });
-        var bars = histogram(props.Data);
-        var length_1 = d3.max(bars, function (bar) { return bar.length; });
-        var histY_1 = d3.scaleLinear().range([top, bottom]).domain([0, length_1]);
-        return (React.createElement(React.Fragment, null, bars.map(function (bar) { return (React.createElement("rect", __assign({}, props.Style, { x: 0, transform: "translate(" + x(bar.x0) + "," + histY_1(bar.length) + ")", width: x(bar.x1) - x(bar.x0) - 1 }))); })));
-    }
-    else if (props.Type === 'stacked') {
-        return (React.createElement(React.Fragment, null));
-    }
-    else {
-        return (React.createElement(React.Fragment, null));
-    }
-}
-exports.default = Series;