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

package/lib/PlotlyGraph/EventMenu.d.ts

@@ -0,0 +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 {};
+//# sourceMappingURL=EventMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventMenu.d.ts","sourceRoot":"","sources":["../../src/PlotlyGraph/EventMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA8BnD,aAAK,KAAK,GAAG;IACX,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,iBAAiB,EAAE,GAAG,CAAC;IACvB,cAAc,EAAE,GAAG,CAAC;IACpB,MAAM,EAAE,GAAG,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuFrC,CAAC"}

package/lib/PlotlyGraph/EventMenu.js

@@ -0,0 +1,84 @@
+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;
+  left: 8px;
+  height: 10px;
+  width: 10px;
+  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,
+            } })));
+};
+//# sourceMappingURL=EventMenu.js.map

package/lib/PlotlyGraph/EventMenu.js.map

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

package/lib/PlotlyGraph/MarkerTracks.d.ts

@@ -0,0 +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 {};
+//# sourceMappingURL=MarkerTracks.d.ts.map

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

@@ -0,0 +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"}

package/lib/PlotlyGraph/MarkerTracks.js

@@ -0,0 +1,248 @@
+import React, { useEffect, useState } from "react";
+import styled from "styled-components";
+import { useTheme as useSelectedTheme } from "@insync-stageplayer/ui-components";
+import { EventMenu } from "./EventMenu";
+import useDebounce from "react-use/lib/useDebounce";
+const DiamondShape = styled.div `
+  transform: rotate(45deg);
+  position: absolute;
+`;
+const TrackName = styled.span `
+  position: absolute;
+  opacity: 0.5;
+  z-index: 10;
+  pointer-events: none;
+`;
+export const MarkerTracks = ({ width, left, events, markers, setHeight, xRange, overlay, zoomRangeDisplay, formatSecondsEventMarker, useMarkersActions, eventdatabyIds, }) => {
+    const selectedTheme = useSelectedTheme();
+    // get the different type of markers from the list of events
+    const uniqueMarkers = events
+        ? Array.from(new Set(events.map(({ name }) => name)))
+        : [];
+    // order based on the original marker list
+    const uniqueMarkersOrdered = markers.filter((marker) => uniqueMarkers.includes(marker.displayName));
+    const [trackHeight, setTrackHeight] = useState(0);
+    const [eventHover, setEventHover] = useState(false);
+    const [eventHoverDisplay, setEventHoverDisplay] = useState("none");
+    const [eventHoverLeft, setEventHoverLeft] = useState(0);
+    const [eventHoverTop, setEventHoverTop] = useState(50);
+    const [eventHoverWidth, setEventHoverWidth] = useState(120);
+    const [eventHoverHeight, setEventHoverHeight] = useState(50);
+    const [eventHoverNavColor, setEventHoverNavColor] = useState("grey");
+    const [eventHoverNavName, setEventHoverNavName] = useState("-----");
+    const [eventHoverNavStartTime, setEventHoverNavStartTime] = useState(0);
+    const [eventHoverNavEndTime, setEventHoverNavEndTime] = useState(0);
+    const [eventHoverNavDuration, setEventHoverNavDuration] = useState(0);
+    const [selectedEventId, setSelectedEventId] = useState("");
+    const [showEventMenu, setShowEventMenu] = useState(false);
+    const [eventMenuBottom, setEventMenuBottom] = useState(0);
+    const [eventMenuLeft, setEventMenuLeft] = useState(0);
+    const [overlayHeight, setOverlayHeight] = useState(0);
+    useDebounce(() => {
+        if (eventHover === false) {
+            setShowEventMenu(false);
+        }
+    }, 1000, [eventHover]);
+    useEffect(() => {
+        // make sure plotly always has at least 50% and keep a maximum per track so they don't become too large
+        setOverlayHeight(overlay !== null ? overlay.getBoundingClientRect().height : 0);
+        const calculatedHeight = Math.min(25, overlayHeight / 2 / uniqueMarkersOrdered.length);
+        const calculatedPercentage = (calculatedHeight / overlayHeight) * 100;
+        setTrackHeight(calculatedHeight);
+        setHeight(uniqueMarkersOrdered.length * calculatedPercentage);
+    }, [uniqueMarkersOrdered, setHeight, trackHeight, overlay, overlayHeight]);
+    const handleMouseDown = (event) => {
+        // right mouse click action menu
+        if (event.button === 2) {
+            setEventHoverDisplay("none");
+            const style = getComputedStyle(event.target);
+            const eventPointMiddle = Math.sqrt(Math.pow((trackHeight * 0.75), 2) / 2); // calculate the middle of the event point
+            const eventLeft = parseInt(event.target.style.left.replace("px", "")) -
+                13.07 +
+                eventPointMiddle;
+            const eventBottom = overlayHeight -
+                parseInt(style.getPropertyValue("top").replace("px", ""));
+            setSelectedEventId(event.target.getAttribute("data-id"));
+            setEventMenuLeft(eventLeft);
+            setEventMenuBottom(eventBottom);
+            setShowEventMenu(true);
+        }
+    };
+    const Tracks = () => {
+        const tracks = [];
+        const len = uniqueMarkersOrdered.length;
+        for (let i = 0; i < len; i++) {
+            const marker = uniqueMarkersOrdered[i];
+            tracks.push(React.createElement("div", { key: "track_" + marker.id, style: {
+                    width: width + "px",
+                    height: trackHeight + "px",
+                    marginLeft: left + "px",
+                    userSelect: "none",
+                    backgroundColor: i % 2 === 0 ? "none" : selectedTheme.colors.gridColor,
+                } },
+                React.createElement(TrackName, null, marker.displayName),
+                React.createElement(TrackEvents, { name: marker.displayName })));
+        }
+        return React.createElement(React.Fragment, null, tracks.map((tracks) => tracks));
+    };
+    const TrackEvents = ({ name }) => {
+        const trackEvnts = [];
+        // get all events for this track
+        const eventList = events.filter((event) => event.name === name);
+        for (let i = 0; i < eventList.length; i++) {
+            const color = eventList[i].color;
+            const startTime = eventList[i].relativeStartTimeMicroSeconds;
+            const eventTime = startTime - xRange.from;
+            const multiplier = width / xRange.length;
+            const leftPosition = eventTime * multiplier + left - trackHeight * 0.5; // compensate margin and rotate(45)
+            trackEvnts.push(React.createElement(DiamondShape, { key: eventList[i].id, style: {
+                    backgroundColor: color,
+                    margin: trackHeight * 0.25 + "px",
+                    width: trackHeight * 0.5 + "px",
+                    height: trackHeight * 0.5 + "px",
+                    left: leftPosition + "px",
+                    pointerEvents: zoomRangeDisplay === "none" ? "auto" : "none",
+                    display: leftPosition < left - trackHeight * 0.5 ||
+                        leftPosition > width + trackHeight * 0.5
+                        ? "none"
+                        : "block",
+                }, onMouseMove: handleEventMove, onMouseDown: handleMouseDown, onMouseEnter: () => setEventHover(true), onMouseLeave: () => setEventHover(false), onContextMenu: (e) => e.preventDefault(), "data-id": eventList[i].id }));
+        }
+        return React.createElement(React.Fragment, null, trackEvnts.map((evnts) => evnts));
+    };
+    const handleEventMove = (event) => {
+        if (showEventMenu) {
+            return;
+        }
+        if (eventHoverDisplay == "none") {
+            setEventHoverDisplay("inline");
+            const eventHoverTimerId = setTimeout(() => {
+                setEventHoverDisplay("none");
+            }, 4000);
+        }
+        // allways move it on x-axis
+        var style = getComputedStyle(event.target);
+        var eventleft = parseInt(event.target.style.left.replace("px", ""));
+        var eventtop = parseInt(style.getPropertyValue("top").replace("px", ""));
+        const cureventid = event.target.getAttribute("data-id");
+        const eventList = events.filter((event) => event.id === cureventid);
+        const curevent = eventList[0];
+        const startTime = curevent.relativeStartTimeMicroSeconds;
+        const formattedTime = formatSecondsEventMarker(startTime);
+        const endTime = curevent.relativeStartTimeMicroSeconds;
+        const name = curevent.name;
+        setEventHoverLeft(eventleft - eventHoverWidth / 2);
+        setEventHoverTop(eventtop - eventHoverHeight);
+        setEventHoverNavColor(event.target.style.backgroundColor);
+        setEventHoverNavName(name);
+        setEventHoverNavStartTime(formattedTime);
+        setEventHoverNavEndTime(formattedTime);
+        setEventHoverNavDuration(0); // hardcoded to 0 because no state markers yet
+    };
+    const EventsHover = (style) => {
+        return (React.createElement("div", { style: {
+                position: "absolute",
+                display: eventHoverDisplay,
+                top: eventHoverTop,
+                left: eventHoverLeft,
+                width: eventHoverWidth,
+                height: eventHoverHeight,
+                borderRadius: "5px",
+                pointerEvents: zoomRangeDisplay === "none" ? "auto" : "none",
+                backgroundColor: "rgba(100, 100, 100, 0.9)",
+                boxShadow: "2px 2px 2px  rgba(0, 0, 0, 0.3)",
+            } },
+            React.createElement(EventsHoverNavBar, null)));
+    };
+    const EventsHoverNavBar = (style) => {
+        return (React.createElement("div", { style: {
+                position: "absolute",
+                display: eventHoverDisplay,
+                top: "0px",
+                left: "0px",
+                width: eventHoverWidth,
+                height: "18px",
+                borderRadius: "4px 4px 0px 0px",
+                backgroundColor: "#888888",
+                userSelect: "none",
+            } },
+            React.createElement("div", { id: "EventHoverNavBarColorLine", style: {
+                    position: "absolute",
+                    backgroundColor: eventHoverNavColor,
+                    top: "7px",
+                    left: "10px",
+                    width: "15px",
+                    height: "4px",
+                    boxShadow: "1px 1px 1px  rgba(0, 0, 0, 0.2)",
+                    borderRadius: "1px",
+                } }),
+            React.createElement("div", { id: "EventHoverNavBarName", style: {
+                    position: "absolute",
+                    fontSize: "12px",
+                    color: "white",
+                    top: "0px",
+                    left: "30px",
+                    width: "120px",
+                    height: "16px",
+                    textOverflow: "ellipsis",
+                } }, eventHoverNavName),
+            React.createElement("div", { id: "EventHoverNavBarStartTimeLabel", style: {
+                    position: "absolute",
+                    fontSize: "12px",
+                    color: "white",
+                    top: "32px",
+                    left: "10px",
+                } }, "Start time:"),
+            React.createElement("div", { id: "EventHoverNavBarStartTime", style: {
+                    position: "absolute",
+                    fontSize: "12px",
+                    color: "#cccccc",
+                    top: "32px",
+                    left: "70px",
+                } }, eventHoverNavStartTime),
+            eventHoverNavDuration > 0 && (React.createElement(React.Fragment, null,
+                React.createElement("div", { id: "EventHoverNavBarDuraionLabel", style: {
+                        position: "absolute",
+                        fontSize: "12px",
+                        color: "white",
+                        top: "32px",
+                        left: "120px",
+                    } }, "Duration:"),
+                React.createElement("div", { id: "EventHoverNavBarDuration", style: {
+                        position: "absolute",
+                        fontSize: "12px",
+                        color: "#cccccc",
+                        top: "32px",
+                        left: "170px",
+                    } }, eventHoverNavDuration),
+                React.createElement("div", { id: "EventHoverNavBarEndTimeLabel", style: {
+                        position: "absolute",
+                        fontSize: "12px",
+                        color: "white",
+                        top: "32px",
+                        left: "197px",
+                    } }, "End time:"),
+                React.createElement("div", { id: "EventHoverNavBarEndTime", style: {
+                        position: "absolute",
+                        fontSize: "12px",
+                        color: "#cccccc",
+                        top: "32px",
+                        left: "252px",
+                    } }, eventHoverNavEndTime),
+                React.createElement("div", { id: "EventsHoverArrow", style: {
+                        position: "absolute",
+                        top: "50px",
+                        left: "154px",
+                        width: "0px",
+                        height: "0px",
+                        borderLeft: "10px solid transparent",
+                        borderRight: "10px solid transparent",
+                        borderTop: "10px solid rgba(100, 100, 100, 0.8)",
+                    } })))));
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(EventMenu, { id: selectedEventId, show: showEventMenu, left: eventMenuLeft, bottom: eventMenuBottom, useMarkersActions: useMarkersActions, eventdatabyIds: eventdatabyIds, events: events }),
+        React.createElement(Tracks, null),
+        React.createElement(EventsHover, null)));
+};
+//# sourceMappingURL=MarkerTracks.js.map

package/lib/PlotlyGraph/MarkerTracks.js.map

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

package/lib/PlotlyGraph/PlotlyLiveview.d.ts

@@ -1,5 +1,5 @@
-export const PlotlyLiveview: React.ForwardRefExoticComponent<Pick<Omit<Omit<Omit<any, "targetRef"> & {
-    targetRef?: any;
-}, "width">, "height">, string | number | symbol> & React.RefAttributes<HTMLElement>>;
-import React from "react";
+export const PlotlyLiveview: 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