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

package/lib/PlotlyGraph/Plotly.js

@@ -1,347 +0,0 @@
-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 PlotlyReply = 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",
-                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);
-        });
-        // 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 (
-    // <StyledPlotly
-    //   useResizeHandler
-    //   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)}
-    // />
-    React.createElement(React.Fragment, null));
-});
-PlotlyReply.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,
-});
-PlotlyReply.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/PlotlyGraph/Plotly.js.map

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

package/lib/PlotlyLiveview.d.ts

@@ -1,5 +0,0 @@
-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=PlotlyLiveview.d.ts.map

package/lib/PlotlyLiveview.d.ts.map

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

package/lib/PlotlyLiveview.js

@@ -1,310 +0,0 @@
-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, }) => {
-    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.from : 0)
-            : xRange.from / 1e6;
-        const convertXRangeTo = xScaleTickFormat.includes(":")
-            ? convertMicrosecondstoDateFormat(xRange.from > 0 ? 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",
-                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);
-        });
-        // 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) / xRange.length) /
-                xRange.length;
-            setNowline(d);
-        }
-        else {
-            setNowline(isLivePanel ? 1 : 0.5);
-        }
-        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,
-};
-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,
-        }),
-    }),
-};
-//# sourceMappingURL=PlotlyLiveview.js.map