@insync-stageplayer/plotly-chart 0.5.35-beta.1 → 0.5.35

package/lib/Plotly.d.ts

@@ -0,0 +1,5 @@
+export const PlotlyChart: React.ForwardRefExoticComponent<Pick<Omit<Omit<Omit<any, "targetRef"> & {
+    targetRef?: any;
+}, "width">, "height">, string | number | symbol> & React.RefAttributes<HTMLElement>>;
+import React from "react";
+//# sourceMappingURL=Plotly.d.ts.map

package/lib/Plotly.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Plotly.d.ts","sourceRoot":"","sources":["../src/Plotly.js"],"names":[],"mappings":"AAiDA;;sFAmTE"}

package/lib/Plotly.js

@@ -0,0 +1,338 @@
+import React, { useCallback, useEffect, useState } from "react";
+import Plot from "react-plotly.js";
+import PropTypes from "prop-types";
+import { withResizeDetector } from "react-resize-detector";
+import { useTheme as useSelectedTheme, styled, } from "@insync-stageplayer/ui-components";
+const normalizeRange = 1000;
+const convertMicrosecondstoDateFormat = (inputMicroseconds) => {
+    let convertedDate = new Date(+inputMicroseconds / 1000);
+    return adjustWithLocalTimeZone(convertedDate);
+};
+const adjustWithLocalTimeZone = (date) => {
+    let adjustedDate = new Date(date.getTime() + date.getTimezoneOffset() * 60 * 1000);
+    return adjustedDate;
+};
+const convertDateToMicroseconds = (inputDate) => {
+    const convertIntoDate = new Date(inputDate);
+    return (convertIntoDate.getTime() * 1000 -
+        convertIntoDate.getTimezoneOffset() * 60 * 1000 * 1000);
+};
+const getMicroSecondStartAndLength = (originalFromDate, originalStopDate) => {
+    const start = convertDateToMicroseconds(originalFromDate);
+    const end = convertDateToMicroseconds(originalStopDate);
+    const length = end - start;
+    return [start, length];
+};
+// update some cursors to be more clear
+const StyledPlotly = styled(Plot) `
+  rect.nsewdrag.cursor-ew-resize {
+    cursor: zoom-in;
+  }
+  rect.ewdrag.cursor-ew-resize {
+    cursor: grab;
+  }
+`;
+export const PlotlyChart = withResizeDetector(({ xRange, data, metadata, onStopSelect, onDrag, xScaleTickFormat, scrubbing, yAxisLabel, displaySecondYAxis, displayArrow, isLivePanel, totalTime, }) => {
+    var _a;
+    const [plotData, setPlotData] = useState([]);
+    const [nowLine, setNowline] = useState(isLivePanel ? 1 : (_a = sessionStorage.getItem("nl")) !== null && _a !== void 0 ? _a : 0);
+    const [layout, setLayout] = useState(null);
+    const selectedTheme = useSelectedTheme();
+    const [yAxisLabelLeft, setYAxisLabelLeft] = useState("");
+    const [yAxisLabelRight, setYAxisLabelRight] = useState("");
+    const updateLayout = useCallback(() => {
+        let annotations = [
+            {
+                xref: "paper",
+                yref: "paper",
+                x: nowLine,
+                xanchor: "right",
+                y: 1,
+                yanchor: "bottom",
+                text: "",
+                showarrow: displayArrow,
+                arrowhead: 0,
+                ax: 0,
+                ay: 1000,
+                arrowcolor: "red",
+            },
+        ];
+        const convertXRangeFrom = xScaleTickFormat.includes(":")
+            ? convertMicrosecondstoDateFormat(xRange.from > 0
+                ? xRange.length === totalTime
+                    ? 0
+                    : xRange.from + xRange.length > totalTime
+                        ? totalTime - xRange.length
+                        : xRange.from
+                : 0)
+            : xRange.from / 1e6;
+        const convertXRangeTo = xScaleTickFormat.includes(":")
+            ? convertMicrosecondstoDateFormat(xRange.from > 0
+                ? xRange.length === totalTime
+                    ? xRange.length
+                    : xRange.from + xRange.length > totalTime
+                        ? totalTime
+                        : xRange.from + xRange.length
+                : xRange.length)
+            : (xRange.from + xRange.length) / 1e6;
+        let defaultLayout = {
+            // this hovermode setting creates a hover-over legend for all the signals at the same time. It also adds a spike line
+            hovermode: "x unified",
+            yaxis: {
+                fixedrange: true,
+                rangemode: isLivePanel ? "tozero" : "",
+                hoverformat: ".2f",
+                range: [],
+                title: yAxisLabelLeft,
+                showline: true,
+                showticklabels: isLivePanel ? false : true,
+                linewidth: 2,
+                linecolor: selectedTheme.colors.accent,
+                tickformat: null,
+            },
+            xaxis: {
+                rangemode: isLivePanel ? "tozero" : "",
+                showline: isLivePanel ? true : false,
+                linewidth: 2,
+                linecolor: selectedTheme.colors.accent,
+                fixedrange: isLivePanel ? true : false,
+                range: [convertXRangeFrom, convertXRangeTo],
+                tickformat: xScaleTickFormat.includes(":") ? "%H:%M:%S" : null,
+            },
+            showlegend: false,
+            autosize: true,
+            margin: { l: 25, r: 10, t: 20, b: 20 },
+            paper_bgcolor: selectedTheme.colors.background,
+            plot_bgcolor: selectedTheme.colors.background,
+            font: { color: selectedTheme.colors.foreground },
+        };
+        // Check if a second y-axis needs to be added
+        if (displaySecondYAxis && metadata.length == 2) {
+            const yAxis2 = {
+                fixedrange: true,
+                title: yAxisLabelRight,
+                anchor: "x",
+                overlaying: "y",
+                side: "right",
+            };
+            defaultLayout = Object.assign(Object.assign({}, defaultLayout), { yaxis2: yAxis2 });
+        }
+        // when scrubbing plotly is in charge, this to prevent the xRange to update and mess while
+        // still scrubbing in plotly
+        if (!scrubbing) {
+            setLayout(Object.assign(Object.assign({}, defaultLayout), { annotations }));
+        }
+    }, [
+        selectedTheme,
+        xRange,
+        xScaleTickFormat,
+        yAxisLabelLeft,
+        yAxisLabelRight,
+        displaySecondYAxis,
+        displayArrow,
+        scrubbing,
+        metadata,
+        nowLine,
+    ]);
+    const onRelayout = (e) => {
+        if (e["xaxis.range[0]"] && e["xaxis.range[1]"]) {
+            let selection;
+            if (xScaleTickFormat.includes(":")) {
+                const [from, length] = getMicroSecondStartAndLength(e["xaxis.range[0]"], e["xaxis.range[1]"]);
+                selection = {
+                    from: from,
+                    length: length,
+                };
+            }
+            else {
+                selection = {
+                    from: e["xaxis.range[0]"] * 1e6,
+                    length: (e["xaxis.range[1]"] - e["xaxis.range[0]"]) * 1e6,
+                };
+            }
+            onStopSelect({ selection });
+        }
+    };
+    const onRelayouting = (e) => {
+        if (e["xaxis.range[0]"] && e["xaxis.range[1]"]) {
+            let seekTime;
+            if (xScaleTickFormat.includes(":")) {
+                const [from, length] = getMicroSecondStartAndLength(e["xaxis.range[0]"], e["xaxis.range[1]"]);
+                seekTime = (length / 2 + from) * 1e6;
+            }
+            else {
+                seekTime =
+                    ((e["xaxis.range[1]"] - e["xaxis.range[0]"]) / 2 +
+                        e["xaxis.range[0]"]) *
+                        1e6;
+            }
+            onDrag(seekTime);
+        }
+    };
+    useEffect(() => {
+        updateLayout();
+        const plotDataArr = [];
+        data.forEach((signal, idx) => {
+            const x = signal.map((item) => {
+                if (xScaleTickFormat.includes(":")) {
+                    const xDateFormatted = convertMicrosecondstoDateFormat(+item.x);
+                    return xDateFormatted;
+                }
+                else {
+                    const xDateFormatted = +item.x / 1e6;
+                    return xDateFormatted;
+                }
+            });
+            const y = signal.map((item) => {
+                return item.y;
+            });
+            const signalData = {
+                x,
+                y,
+                type: "scattergl",
+                hovertemplate: "vijay",
+                mode: metadata[idx].frequency * (xRange.length / 1000 / 1000) > 250
+                    ? "lines"
+                    : "lines+markers",
+                name: metadata[idx].name,
+                marker: {
+                    color: metadata[idx].color,
+                    size: 5,
+                    line: {
+                        color: metadata[idx].color,
+                        width: 1,
+                    },
+                },
+            };
+            plotDataArr.push(signalData);
+        });
+        console.log("iam in insync");
+        // Check if a second y-axis needs to be added
+        if (displaySecondYAxis && metadata.length == 2) {
+            plotDataArr[1] = Object.assign(Object.assign({}, plotDataArr[1]), { yaxis: "y2" });
+        }
+        // Setting y-axis labels if needed and meeting the requirements
+        if (metadata.length == 1) {
+            setYAxisLabelLeft(yAxisLabel ? metadata[0].name : "");
+        }
+        else if (metadata.length == 2 && displaySecondYAxis) {
+            setYAxisLabelLeft(yAxisLabel ? metadata[0].name : "");
+            setYAxisLabelRight(yAxisLabel ? metadata[1].name : "");
+        }
+        else {
+            setYAxisLabelLeft("");
+            setYAxisLabelRight("");
+        }
+        setPlotData(plotDataArr);
+    }, [
+        data,
+        metadata,
+        updateLayout,
+        xScaleTickFormat,
+        xRange,
+        scrubbing,
+        yAxisLabel,
+        displaySecondYAxis,
+    ]);
+    useEffect(() => {
+        if (xRange.from < 0) {
+            let d = (xRange.length / 2 + xRange.from) / xRange.length;
+            setNowline(d);
+        }
+        else {
+            if (!isLivePanel) {
+                if (xRange.length === totalTime) {
+                    setNowline(0.5 + xRange.from / totalTime);
+                }
+                else if (xRange.from + xRange.length > totalTime) {
+                    setNowline(0.5 + (xRange.from - (totalTime - xRange.length)) / xRange.length);
+                }
+                else {
+                    setNowline(0.5);
+                }
+            }
+            else {
+                setNowline(1);
+            }
+        }
+        isLivePanel
+            ? sessionStorage.removeItem("nl")
+            : sessionStorage.setItem("nl", nowLine);
+    }, [plotData, xRange]);
+    const shouldNormalize = React.useMemo(() => {
+        const units = metadata.reduce((acc, curr) => {
+            if (curr != undefined && acc.indexOf(curr === null || curr === void 0 ? void 0 : curr.unit) < 0) {
+                return [...acc, curr.unit];
+            }
+            return acc;
+        }, []);
+        return units.length > 1;
+    }, [metadata]);
+    const normalized = React.useMemo(() => {
+        if (plotData.length <= 0)
+            return;
+        if (shouldNormalize) {
+            const newLinesData = plotData.map((item, i) => {
+                const line = metadata[i];
+                const { min, max } = line;
+                const lineRange = max - min;
+                return Object.assign(Object.assign({}, item), { y: item.y.map((value) => {
+                        return (value - min) / lineRange;
+                    }) });
+            });
+            return newLinesData;
+        }
+        return plotData;
+    }, [shouldNormalize, plotData, metadata]);
+    return (React.createElement(StyledPlotly, { useResizeHandler: true, className: "plot-div", data: normalized, layout: layout, style: { width: "100%", height: "100%" }, config: {
+            displaylogo: false,
+            displayModeBar: false,
+            responsive: true,
+        }, onRelayout: (e) => onRelayout(e), onRelayouting: (e) => onRelayouting(e) }));
+});
+PlotlyChart.defaultProps = {
+    xRange: null,
+    data: [],
+    metadata: [],
+    onStopSelect: () => { },
+    onDrag: () => { },
+    xScaleTickFormat: "SS",
+    scrubbing: false,
+    yAxisLabel: false,
+    displaySecondYAxis: false,
+    displayArrow: true,
+    selectedTheme: null,
+    isLivePanel: false,
+    totalTime: null,
+};
+const dataElement = PropTypes.shape({
+    x: PropTypes.number,
+    y: PropTypes.number,
+});
+const metadataElement = PropTypes.shape({
+    name: PropTypes.string,
+    color: PropTypes.string,
+});
+PlotlyChart.propTypes = {
+    xRange: PropTypes.shape({
+        from: PropTypes.number,
+        length: PropTypes.number,
+    }),
+    data: PropTypes.arrayOf(PropTypes.arrayOf(dataElement), PropTypes.arrayOf(dataElement)),
+    metadata: PropTypes.arrayOf(metadataElement),
+    onStopSelect: PropTypes.func,
+    onDrag: PropTypes.func,
+    xScaleTickFormat: PropTypes.string,
+    scrubbing: PropTypes.bool,
+    yAxisLabel: PropTypes.bool,
+    isLivePanel: PropTypes.bool,
+    displaySecondYAxis: PropTypes.bool,
+    displayArrow: PropTypes.bool,
+    selectedTheme: PropTypes.shape({
+        colors: PropTypes.shape({
+            background: PropTypes.string,
+        }),
+    }),
+    totalTime: PropTypes.number,
+};
+//# sourceMappingURL=Plotly.js.map

package/lib/Plotly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Plotly.js","sourceRoot":"","sources":["../src/Plotly.js"],"names":[],"mappings":"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"}

package/lib/PlotlyGraph/EventMenu.d.ts

@@ -1,13 +1,13 @@
-import React from "react";
-declare type props = {
-    id: string;
-    show: boolean;
-    bottom: number;
-    left: number;
-    useMarkersActions: any;
-    eventdatabyIds: any;
-    events: any;
-};
-export declare const EventMenu: React.FC<props>;
-export {};
+import React from "react";
+declare type props = {
+    id: string;
+    show: boolean;
+    bottom: number;
+    left: number;
+    useMarkersActions: any;
+    eventdatabyIds: any;
+    events: any;
+};
+export declare const EventMenu: React.FC<props>;
+export {};
 //# sourceMappingURL=EventMenu.d.ts.map

package/lib/PlotlyGraph/EventMenu.js

@@ -1,19 +1,19 @@
-import React, { useEffect, useState } from "react";
-import { parse } from "query-string";
-import styled from "styled-components";
-import { useTheme as useSelectedTheme } from "@insync-stageplayer/ui-components";
-import { deleteMarkerEvent } from "@insync-stageplayer/measurements";
+import React, { useEffect, useState } from "react";
+import { parse } from "query-string";
+import styled from "styled-components";
+import { useTheme as useSelectedTheme } from "@insync-stageplayer/ui-components";
+import { deleteMarkerEvent } from "@insync-stageplayer/measurements";
 const MenuWrapper = styled.div `
   position: absolute;
   z-index: 99;
-`;
+`;
 const Menu = styled.div `
   position: relative;
   border-radius: 8px;
   padding: 5px 10px;
   bottom: -5px;
   box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
-`;
+`;
 const MenuBubble = styled.div `
   position: relative;
   display: block;
@@ -23,62 +23,62 @@ const MenuBubble = styled.div `
   bottom: 0;
   transform: rotate(45deg);
   box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
-`;
-export const EventMenu = ({ id, show, bottom, left, useMarkersActions, eventdatabyIds, events, }) => {
-    const selectedTheme = useSelectedTheme();
-    const params = parse(document.location.search);
-    const [eventMenuHover, setEventMenuHover] = useState(false);
-    const [deleteMarker, setdeleteMarker] = useState({});
-    const [removeMarkerEvent, setremoveMarkerEvent] = useState(false);
-    const { setEvents } = useMarkersActions();
-    const markerDeleting = deleteMarkerEvent({
-        markerData: deleteMarker,
-        dataType: "eventdatadelete",
-        removeMarkerEvent,
-    });
-    const deleteEvent = () => {
-        const [eventStreamId] = eventdatabyIds.eventStreamIds;
-        const { file } = eventdatabyIds;
-        const { projectId } = params;
-        setdeleteMarker({
-            file,
-            eventStreamId,
-            MarkerEvents: [id],
-            projectId,
-        });
-        setremoveMarkerEvent(true);
-    };
-    useEffect(() => {
-        if (removeMarkerEvent && deleteMarker && markerDeleting) {
-            markerDeleting
-                .then((response) => response)
-                .then((data) => {
-                const [deleteId] = data.eventData;
-                setEvents(events === null || events === void 0 ? void 0 : events.filter((list) => {
-                    return list.id !== deleteId;
-                }));
-                setEventMenuHover(false); // after delete hide menu
-            });
-        }
-        return setremoveMarkerEvent(false);
-    }, [removeMarkerEvent, deleteMarker, events, markerDeleting, setEvents]);
-    return (React.createElement(MenuWrapper, { style: {
-            left: left + "px",
-            bottom: bottom + "px",
-        }, onMouseEnter: () => setEventMenuHover(true), onMouseLeave: () => setEventMenuHover(false) },
-        React.createElement(Menu, { style: {
-                display: show || eventMenuHover ? "block" : "none",
-                backgroundColor: selectedTheme.colors.foreground,
-            } },
-            React.createElement("button", { style: {
-                    padding: 0,
-                    border: "none",
-                    background: "none",
-                    color: selectedTheme.colors.background,
-                }, onClick: deleteEvent }, "delete")),
-        React.createElement(MenuBubble, { style: {
-                display: show || eventMenuHover ? "block" : "none",
-                backgroundColor: selectedTheme.colors.foreground,
-            } })));
-};
+`;
+export const EventMenu = ({ id, show, bottom, left, useMarkersActions, eventdatabyIds, events, }) => {
+    const selectedTheme = useSelectedTheme();
+    const params = parse(document.location.search);
+    const [eventMenuHover, setEventMenuHover] = useState(false);
+    const [deleteMarker, setdeleteMarker] = useState({});
+    const [removeMarkerEvent, setremoveMarkerEvent] = useState(false);
+    const { setEvents } = useMarkersActions();
+    const markerDeleting = deleteMarkerEvent({
+        markerData: deleteMarker,
+        dataType: "eventdatadelete",
+        removeMarkerEvent,
+    });
+    const deleteEvent = () => {
+        const [eventStreamId] = eventdatabyIds.eventStreamIds;
+        const { file } = eventdatabyIds;
+        const { projectId } = params;
+        setdeleteMarker({
+            file,
+            eventStreamId,
+            MarkerEvents: [id],
+            projectId,
+        });
+        setremoveMarkerEvent(true);
+    };
+    useEffect(() => {
+        if (removeMarkerEvent && deleteMarker && markerDeleting) {
+            markerDeleting
+                .then((response) => response)
+                .then((data) => {
+                const [deleteId] = data.eventData;
+                setEvents(events === null || events === void 0 ? void 0 : events.filter((list) => {
+                    return list.id !== deleteId;
+                }));
+                setEventMenuHover(false); // after delete hide menu
+            });
+        }
+        return setremoveMarkerEvent(false);
+    }, [removeMarkerEvent, deleteMarker, events, markerDeleting, setEvents]);
+    return (React.createElement(MenuWrapper, { style: {
+            left: left + "px",
+            bottom: bottom + "px",
+        }, onMouseEnter: () => setEventMenuHover(true), onMouseLeave: () => setEventMenuHover(false) },
+        React.createElement(Menu, { style: {
+                display: show || eventMenuHover ? "block" : "none",
+                backgroundColor: selectedTheme.colors.foreground,
+            } },
+            React.createElement("button", { style: {
+                    padding: 0,
+                    border: "none",
+                    background: "none",
+                    color: selectedTheme.colors.background,
+                }, onClick: deleteEvent }, "delete")),
+        React.createElement(MenuBubble, { style: {
+                display: show || eventMenuHover ? "block" : "none",
+                backgroundColor: selectedTheme.colors.foreground,
+            } })));
+};
 //# sourceMappingURL=EventMenu.js.map

package/lib/PlotlyGraph/MarkerTracks.d.ts

@@ -1,17 +1,17 @@
-import React from "react";
-declare type props = {
-    width: number;
-    left: number;
-    setHeight: any;
-    events: any;
-    markers: any;
-    xRange: any;
-    overlay: HTMLDivElement | null;
-    zoomRangeDisplay: any;
-    formatSecondsEventMarker: any;
-    useMarkersActions: any;
-    eventdatabyIds: any;
-};
-export declare const MarkerTracks: React.FC<props>;
-export {};
+import React from "react";
+declare type props = {
+    width: number;
+    left: number;
+    setHeight: any;
+    events: any;
+    markers: any;
+    xRange: any;
+    overlay: HTMLDivElement | null;
+    zoomRangeDisplay: any;
+    formatSecondsEventMarker: any;
+    useMarkersActions: any;
+    eventdatabyIds: any;
+};
+export declare const MarkerTracks: React.FC<props>;
+export {};
 //# sourceMappingURL=MarkerTracks.d.ts.map

package/lib/PlotlyGraph/MarkerTracks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkerTracks.d.ts","sourceRoot":"","sources":["../../src/PlotlyGraph/MarkerTracks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAkBnD,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,GAAG,CAAC;IACb,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,gBAAgB,EAAE,GAAG,CAAC;IACtB,wBAAwB,EAAE,GAAG,CAAC;IAC9B,iBAAiB,EAAE,GAAG,CAAC;IACvB,cAAc,EAAE,GAAG,CAAC;CACrB,CAAC;AAMF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyWxC,CAAC"}
+{"version":3,"file":"MarkerTracks.d.ts","sourceRoot":"","sources":["../../src/PlotlyGraph/MarkerTracks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgBnD,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,GAAG,CAAC;IACb,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,gBAAgB,EAAE,GAAG,CAAC;IACtB,wBAAwB,EAAE,GAAG,CAAC;IAC9B,iBAAiB,EAAE,GAAG,CAAC;IACvB,cAAc,EAAE,GAAG,CAAC;CACrB,CAAC;AAMF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsWxC,CAAC"}